Toggle Button View

Overview

Toggle Button is a kind of Component when dragged and dropped, both ToggleButtonGroup and ToggleButton would be generated at the same time.

ToggleButton is included in ToggleButtonGroup.

Import

CODE

import { ToggleButtonGroup, ToggleButton } from '@mui/material';

The above source will be imported automatically after dragging and dropping the Basic Component to the UI Preview Panel.

Property

Property:

Name	Default	Description
Id-name	Placeholder: <id-name>	The Id-name of the created component.
Default Style	Color: None	The Default Style of the created component includes Color.
State	State: Normal	The State of the created Component.
Margin and Padding	Size Unit: Px	The component Margin and Padding with many selectable Size Units.
Size	Type: None Size Unit: Px	The component Size of Width and Height with many selectable Size Units, and Type.
Text	Font-family: None Size Unit: Px Font-weight: None Text align: Left	The component Text includes Text, Font-family, Font-size, Font-weight, Size Unit, Font-color, Text-align.
General	Visibility: None Disabled: false Selected: false Value: default Opacity: 100%	The component General includes Visibility, Disabled, Selected, Value, Opacity, and Background.
Advanced Style		The component Advanced Style includes Classname and Inline Style addition.