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

Extras

Utility components for displaying headers, links, animation wrappers, and other content enhancements.

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

Header

MgHeader

Display prominent headers with icons and styling. Perfect for page sections and content grouping.

Animate

MgAnimate

Wrap any content and trigger built-in animation presets using strongly typed parameters.

API Reference

MgHeader

Property Type Default Description
DisplayText string "" Text to display as the header.
Classes string null Additional CSS classes for styling.

MgBookmarkLink

Property Type Default Description
Href string null The URL or #id to navigate to.
ChildContent RenderFragment null Content to render inside the link.

MgAnimate

Property Type Default Description
Animation MgEnums.MgAnimationType FadeIn Animation preset to apply.
Duration TimeSpan 350ms How long the animation runs.
TriggerKey string "" Change this value to replay the animation.
ChildContent RenderFragment null Content rendered inside the animated wrapper.
An unhandled error has occurred. Reload 🗙