New to Telerik UI for Blazor? Start a free 30-day trial

Expanded Items

Updated on Sep 3, 2026

You can expand a single or multiple items in the Telerik PanelBar.

In this article:

ExpandMode

You can use the ExpandMode to allow the user to expand one or more items at a time. To control that set the ExpandMode parameter of the <TelerikPanelBar> to a member of the PanelBarExpandMode enum:

  • Single - Expands only one item at a time. If you expand a new item the previously expanded item will be collapsed.

  • Multiple - the default value - Lets you expand more than one item simultaneously. To collapse an expanded item, click it again.

Change the Expand mode of the PanelBar

Example
View Source
Loading ...

ExpandedItems

The PanelBar lets the user expand an item. You can also pre-expand a desired item.

To use the item expansion, use the ExpandedItems parameter. It allows two-way binding (@bind-ExpandedItems) and one-way binding + ExpandedItemsChanged event.

The ExpandedItems collection is of type IEnumerable<object>.

If the ExpandMode is set to Single the ExpandedItems collection will contain one item, otherwise it will have a collection of the expanded items.

Example
View Source
Loading ...

Programmatically Expand and Collapse Items

Programmatically expand and collapse items on button click

Example
View Source
Loading ...

See Also