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
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. |