Home
Demos
Installation
About
Contact Us
Blog

Default Light

Default Light

Default Dark

Forest

Office Glass

Office Glass Dark

MgLibrary

Overview

Installation

Buttons

Button

Button Groups

Toggle Button

Radio Group

Email Button

Cards

Card

Flipcard

Charts

Pie Chart

Codes

QR Code

Barcode

Data Grids

Grid

Enhanced Grid

Dropdowns

Dropdown

Editors

Json Viewer

Rich Text Editor

HTML to PDF

Headers & Animations

Animations

Headers, Links

Icons

Icons

Indicators

Spinners

Skeletons

Progress Bar

Dividers

Inputs

Input

Checkbox

Date Picker

Slider

Input Button

Auto-Complete

Form Field

File Upload

Masked Edit

Lists

Lists

Sortable List

Modals

Confirm

Alerts

Toasts

Custom Dialog

Tooltip

Menus

Menu Bar

Navigation Links

Toolbars

Context Menu

Panels

Panel

Slide-In

Splitters

Stack Panels

Pills & Chips

Pills

Chips

Scheduling

Scheduler

Tabs

Tabbed Component

Time Line

Timeline

Trees

Tree Components

Customization

Theming

Toggle Button

Toggle buttons represent an on/off state and can be used as switches. They support labels and change events to reflect state.

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

Toggle Button

MgToggleButton

API Reference: MgToggleButton

Property	Type	Default	Description
IsOn	bool	false	The current state of the toggle.
DisplayText	string	""	Optional label to display next to the toggle.
ToggleClicked	EventCallback<bool>	-	Triggered when the toggle is clicked.

An unhandled error has occurred. Reload 🗙