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

Slide-In Panels

Side panels that animate into view from the screen edges, ideal for navigation drawers, filters, or detail views.

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

Standard Slide-In

MgSlideIn

A container that slides in from the right (default) or left. It supports custom content and automatic backdrop handling.

API Reference

MgSlideIn

Property Type Default Description
Visible bool false Controls whether the panel is shown.
SlideFrom MgSlideFrom Right Direction from which the panel slides in.
ShowPin bool false Whether to show the built-in pin header.
An unhandled error has occurred. Reload 🗙