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

JSON Viewer

A specialized component for inspecting and exploring JSON data structures with collapsible nodes.

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

Input JSON

Interactive View

{
Name: "John Doe"
Age: 30
Address: { ... }
IsOpen: true
Children: [ ... ]
}
An unhandled error has occurred. Reload 🗙