Toggle
checked
Boolean
disabled
Boolean
name
string
onChange
(event: ChangeEvent<HTMLInputElement>) => void
size
"xs" | "sm" | "md" | undefined = xs
variant
"error" | "focused" | "info" | "success" | "warning"
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.
checked
Boolean
disabled
Boolean
name
string
onChange
(event: ChangeEvent<HTMLInputElement>) => void
size
"xs" | "sm" | "md" | undefined = xs
variant
"error" | "focused" | "info" | "success" | "warning"