Radzen Blazor Components

Layout

RadzenLayout allows you to define the global layout of your application (usually used in MainLayout.razor). It has header, sidebar, body and footer sections which correspond to the RadzenHeader, RadzenSidebar, RadzenBody and RadzenFooter components. Sections are optional and can be omitted.

Sidebar, Header and Footer link

Sidebar
Body

Full height Sidebar link

Sidebar
Body

Overlay Sidebar link

Sidebar
Body

Full height overlay Sidebar link

Sidebar
Body

Right Sidebar link

Sidebar
Body

Right full height Sidebar link

Sidebar
Body

Right and Left Sidebar link

Left Sidebar
Body
Right Sidebar

Icon Sidebar link

Body

Supercharge your Blazor development with Radzen Blazor Studio

Radzen Blazor Studio is a software development environment that empowers developers to design, build and deploy Blazor applications without the traditional hurdles. Write less code and get more done.

open_in_new Learn More
>Radzen Blazor Studio

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

Demos Configuration

Premium Themes

  • Material 3
  • Material 3 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 🗙