Select theme:

Material 3
warning

You are viewing the legacy Radzen documentation.

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/

Open Radzen Blazor Studio docs

Panel (Angular)link

This guide demonstrates how to use the Panel component.

Panel Propertieslink

NameTypeDefaultDescription
Namestring'panel' + index suffixUnique name the component.
Textstring'Panel'The header text displayed by the panel.
AllowCollapsebooleanfalseAllow the user to collapse the panel.
IconstringnullPanel icon.
HeaderTemplatestringnullPanel header template.
FooterTemplatestringnullPanel footer template.

image

Panel Eventslink

NameTypeDefaultDescription
CollapseeventnullFired when the panel collapses. No event arguments.
ExpandeventnullFired when the panel expands. No event arguments.

image

Get started today

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

Start Free
© 2016-2025 Radzen Ltd. All Rights Reserved.
Designed and developed with ❤️ in Radzen Blazor Studio.

Select theme:

Material 3