Under Construction

We're actively working on new components and features. Stay tuned! Head over to our GitHub to see what's coming next.

Let’s build together — meet us on Discord.

Toggles are used to switch between two states. They are commonly used in settings, forms, and more.

import Toggle from "@radui/ui/Toggle"; const ToggleExample = () => { const [pressed, setPressed] = React.useState(false) const handleChange = (newPressed) => { setPressed(newPressed) } return ( <Toggle pressed={pressed} onPressedChange={handleChange}> <Icon /> </Toggle> ) }
PropTypeDefaultDescription

color

stringnullAccent Color of the toggled item