Select theme:

Angular
Blazor

Panel (Angular)link

This guide demonstrates how to use the Panel component.

Panel Propertieslink

Name	Type	Default	Description
Name	string	'panel' + index suffix	Unique name the component.
Text	string	'Panel'	The header text displayed by the panel.
AllowCollapse	boolean	false	Allow the user to collapse the panel.
Icon	string	null	Panel icon.
HeaderTemplate	string	null	Panel header template.
FooterTemplate	string	null	Panel footer template.

Panel Eventslink

Name	Type	Default	Description
Collapse	event	null	Fired when the panel collapses. No event arguments.
Expand	event	null	Fired when the panel expands. No event arguments.

In this article —

**Panel** Properties
**Panel** Events

Solutions

CRUD Operations and Data Management Seamless Integration Digital Transformation and Modernization Design Systems and Consistency Use Cases Time to Market Reduced Radzen in Education

Products

Radzen Blazor Studio Radzen Blazor for Visual Studio Radzen Blazor Components

Recognition

Success Stories

Resources

Community forum ↗ Online demos Roadmaps Blog YouTube channel ↗

Company

Get started today

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

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

Terms of use Subscription Policy Privacy Policy

Select theme: