Components

Barcodesnew
Buttonsupdated
Chartsupdated
Conversational UI
Data Query
Date Inputsupdated
Date Math
Dialogsupdated
Drawing
Dropdownsupdated
Editorupdated
Excel Export
File Saver
Filternew
Ganttupdated
Gauges
Grid
Icons
Indicators
Inputsupdated
Labels
Layoutupdated

Getting Started

Avatar
Card
Drawer
ExpansionPanel
PanelBarupdated

Keyboard Navigation

Splitter
Stepper
TabStrip
TileLayout

ListView
Menus
Navigation
Notification
Pager
PDF Export
Popup
ProgressBars
Ripple
Schedulerupdated
ScrollView
Sortable
ToolBar
Tooltipsupdated
TreeList
TreeViewupdated
Typography
Uploads

Styling & Themes

Common Features

Project Setup

Sample Applications

Virtual Classroom

Troubleshooting

Components / Layout / PanelBar / Animations /

New to Kendo UI for Angular? Start a free 30-day trial

Animations

You can enable or disable the expand and collapse animations of the PanelBar.

To control the animations behavior, specify the animate property of the PanelBar.

Example

View Source

Edit In Stackblitz

Change Theme:

Suggested Links

Was this article helpful?

Getting Started

Support Resources

Community

Telerik and Kendo UI are part of Progress product portfolio. Progress is the leading provider of application development and digital experience technologies.

Copyright © 2022, Progress Software Corporation and/or its subsidiaries or affiliates. All Rights Reserved. Progress, Telerik, Ipswitch, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries. See Trademarks for appropriate markings.

DO NOT SELL MY PERSONAL INFORMATION