Bouncy Toggle

Wi-Fi

Background sync

Installation

pnpm dlx shadcn@latest add https://matos-ui.com/r/bouncy-toggle.json

import { BouncyToggle } from '@/components/matos-ui/bouncy-toggle'

const [checked, setChecked] = useState(true)

<BouncyToggle checked={checked} onCheckedChange={setChecked} />

Prop	Type	Default	Description
`checked`	`boolean`	-	Controlled state.
`defaultChecked`	`boolean`	`false`	Initial state when uncontrolled.
`onCheckedChange`	`(checked: boolean) => void`	-	Fires when the state changes.
`size`	`"sm" \| "md" \| "lg"`	`"md"`	Track and knob size preset.
`disabled`	`boolean`	`false`	Disables interaction.
`stiffness`	`number`	`500`	Spring stiffness for the knob motion.
`damping`	`number`	`15`	Spring damping for the knob motion.