Toggle Button

The ToggleButton and ToggleButtonGroup are versatile components that can be used for a wide range of applications. Their intuitive design ensures users can make selections easily and confidently. Whether it's enabling a setting, selecting a mode, or choosing multiple options, these components are built to enhance user experience across different scenarios.

Exclusive Selection

Show Code

Multiple Selection

Show Code

ToggleButton Sizes

Adjust the size of the ToggleButton using the size prop. Supported values include small, medium, and large.

Show Code

ToggleButton Colors

Show Code

Vertical Buttons

Show Code

Layer5 is the steward of Meshery and creator of Kanvas, the collaborative canvas for cloud-native infrastructure. We bridge the gap between design and operation, allowing engineers to create, configure, and deploy orchestratable diagrams in real time. Whether managing Kubernetes or multi-cloud environments, Layer5 provides the tooling needed to oversee modern infrastructure with confidence.

Toggle Button

Table of Contents

Toggle Button

Exclusive Selection

Multiple Selection

ToggleButton Sizes

ToggleButton Colors

Vertical Buttons

RESOURCES

COMMUNITY

SOLUTIONS

COMPANY