Select theme:

Radzen Blazor Studio has replaced Radzen as the primary RAD tool for Blazor applications.

Radzen Blazor Studio offers a modern UI, enhanced features, and improved performance to streamline your development process.

The latest documentation for Radzen Blazor Studio is available here: https://www.radzen.com/blazor-studio/documentation/

Accordion (Angular)link

This guide demonstrates how to use the Accordion component.

Accordion Propertieslink

Name	Type	Default	Description
Name	string	'accordion' + index suffix	Unique name the Accordion.
Multiple	boolean	false	Allow multiple items to be expanded.
SelectedIndex	number	0	The index of the initially expanded accordion item.
Items	array of Accordion items	One item	Accordion items.
Icon	string	null	Accordion icon.

Name	Type	Default	Description
Collapse	event	null	Fired when an item collapses. Has one event argument `index` which is the index of the collapsed item.
Expand	event	null	Fired when an item expands. Has one event argument `index` which is the index of the expanded item.

Name	Type	Default	Description
Text	string	string	The header text displayed by the accordion item.
Icon	string	null	Accordion item icon.

In this article —

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

Select theme: