Panel

Demonstration and configuration of the Radzen Blazor Panel component.

This demo shows a panel container with customizable header, body, and summary templates using HeaderTemplate, ChildContent, and SummaryTemplate, along with collapsible functionality controlled by AllowCollapse and expand/collapse event callbacks.

Use <HeaderTemplate >, <ChildContent > and <SummaryTemplate > to define custom content for Panel component parts. Use AllowCollapse property to allow expand/collapse and Expand and Collapse callbacks to catch if Panel component is expanded or collapsed.

• Example
• Edit Source

Expand/Collapse position:

Left

Right

account_boxOrders

10248 Vins et alcools Chevalier

$32.38

---

Steven Buchanan

59 rue de l'Abbaye

Reims, France

10249 Toms Spezialitäten

$11.61

---

Michael Suyama

Luisenstr. 48

Münster, Germany

10250 Hanari Carnes

$65.83

---

Margaret Peacock

Rua do Paço, 67

Rio de Janeiro, Brazil

10251 Victuailles en stock

$41.34

---

Janet Leverling

2, rue du Commerce

Lyon, France

12345

144 Orders

Console log

Clear console

All the tools in one place

Save Hours on Every Project

With Radzen Blazor subscription you get the full toolkit, including:

support

Dedicated support backed by proven expertise

palette

Premium themes and theme editor

widgets

Ready-to-use UI blocks

dashboard_customize

Complete app templates

format_shapes

Visual design-time-experience

Start Free See Subscription Plans

Radzen Blazor Components, © 2018-2025 Radzen.
Source Code licensed under MIT