Toggle

The Toggle component is an interactive UI element that allows users to switch between two states, such as on/off or enabled/disabled. It is commonly used for settings and preferences where a binary choice is required. This component provides a clear and intuitive way for users to make selections, enhancing usability and interaction within an application.

Toggle

checked

Boolean

disabled

Boolean

name

string

onChange

(event: ChangeEvent<HTMLInputElement>) => void

size

"xs" | "sm" | "md" | undefined = xs

variant

"error" | "focused" | "info" | "success" | "warning"