Select theme:

NEWBlazor Charts Deep Dive: Candlestick, Box Plot, Waterfall, and 30+ More Free Chart Types

Accordion (Angular)Link to this section

This guide demonstrates how to use the Accordion component.

Accordion PropertiesLink to this section

NameTypeDefaultDescription
Namestring'accordion' + index suffixUnique name the Accordion.
MultiplebooleanfalseAllow multiple items to be expanded.
SelectedIndexnumber0The index of the initially expanded accordion item.
Itemsarray of Accordion itemsOne itemAccordion items.
IconstringnullAccordion icon.

image

Accordion EventsLink to this section

NameTypeDefaultDescription
CollapseeventnullFired when an item collapses. Has one event argument index which is the index of the collapsed item.
ExpandeventnullFired when an item expands. Has one event argument index which is the index of the expanded item.

image

Accordion item PropertiesLink to this section

NameTypeDefaultDescription
TextstringstringThe header text displayed by the accordion item.
IconstringnullAccordion item icon.
In this article -

Get started today

Radzen is free to use. You can also test the premium features for 15 days.

Start Free
© 2016-2026 Radzen Ltd. All Rights Reserved.
Designed and developed with ❤️ in Radzen Blazor Studio.
IP Geolocation by DB-IP

Select theme: