Radzen Blazor Components

Blazor Panel

The Blazor Panel is a titled, collapsible container for grouping content.

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.

Expand/Collapse position:

Orders

10248 Vins et alcools Chevalier
$32.38

Steven Buchanan

Steven Buchanan

59 rue de l'Abbaye

Reims, France

10249 Toms Spezialitäten
$11.61

Michael Suyama

Michael Suyama

Luisenstr. 48

Münster, Germany

10250 Hanari Carnes
$65.83

Margaret Peacock

Margaret Peacock

Rua do Paço, 67

Rio de Janeiro, Brazil

10251 Victuailles en stock
$41.34

Janet Leverling

Janet Leverling

2, rue du Commerce

Lyon, France

Console log

Frequently asked questions

How do I make a collapsible panel in Blazor?

Set AllowCollapse on RadzenPanel so users can expand and collapse its content under the title.

Related

Radzen Blazor Newsletter

Get an email when new components and releases ship.

All the tools in one place

Save Hours on Every Project

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

Dedicated support backed by proven expertise

Premium themes and theme editor

Ready-to-use UI blocks

Complete app templates

Visual design-time-experience

Radzen Blazor Studio

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

Demos Configuration

Premium Themes

  • Material 3
  • Material 3 Dark
  • Material 3 Expressive
  • Material 3 Expressive Dark
  • Fluent
  • Fluent Dark

Free Themes

  • Material
  • Material Dark
  • Standard
  • Standard Dark
  • Default
  • Dark
  • Humanistic
  • Humanistic Dark
  • Software
  • Software Dark
An error has occurred. This app may no longer respond until reloaded. Reload 🗙