Skip to main content
Skip table of contents

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.

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.