- Docs
- components
- Toggle Button
Toggle Button
A toggle button allows a user to toggle a selection on or off, for example switching between two states or modes.
Toggle buttons are similar to action buttons, but support an additional selection state that is toggled when a user presses the button. There is no built-in HTML element that represents a toggle button, so React Aria implements it using ARIA attributes.
Preview
Code
Installation
CLI
Copy & Paste
Install the following dependencies:
Copy and paste the following code into your project.
Loading...Update the import paths to match your project setup.
Examples
Default
Preview
Code
Outline
Preview
Code
With Text
Preview
Code
Small
Preview
Code
Large
Preview
Code
Disabled
Preview
Code