Default Light
MgLibrary
Overview
Installation
Buttons
Cards
Charts
Codes
Data Grids
Dropdowns
Editors
Headers & Animations
Icons
Indicators
Inputs
Lists
Modals
Menus
Panels
Pills & Chips
Scheduling
Tabs
Time Line
Trees
Customization

Panels

Versatile layout components for grouping content, providing depth with shadows, and organizing information into collapsible sections.

Use this example to explore default behavior, customization points, and accessibility-friendly patterns in a real Blazor page.

Shadow Panels

MgShadowPanel

Panels with varying shadow depths to create a sense of hierarchy and elevation.

Collapsible Panels

MgCollapseContainer

Accordions and collapsible sections for managing large amounts of content in a compact space.

Header Panel

MgHeader

A simple, consistent header component with optional icons and custom styling.

Section Header
Settings Overview

API Reference

MgBannerPanel

Property Type Default Description
ChildContent RenderFragment null Content to display inside the banner.

MgShadowPanel

Property Type Default Description
ShadowType MgShadowType Medium The depth of the shadow effect.
An unhandled error has occurred. Reload 🗙