Components
Toggle
Toggle is like light switches for your digital digs. Flip 'em on, and they light stuff up; flip 'em off, and it's lights out.
Basic
A toggle button allows users to switch between two states, such as enabling or disabling a feature.
Preview
Code
Installation
If you hit any issues, make sure you check out the installation guide here for more information.
Manual Installation
Make sure you also install the composed components and the required packages for the component to function properly.
Appearance
Customize the look of the toggle button using the appearance prop.
Preview
Code
Shape
Modify the shape of the toggle button with the shape prop.
Preview
Code
Size
Adjust the toggle button's size using the size prop.
Preview
Code
Controlled
Manage the toggle button's state with the isSelected prop.
Preview
Code
Disabled
Disable a toggle button by setting the disabled prop.
Preview
Code
Get premium Blocks
Create stunning, professional-grade layouts that not only save time but also elevate the quality of your projects.