Skip to content

Toggle

A styled checkbox that can be used to toggle between two states.
name
type
default
description
color
"accent" | "blue" | "green" | "yellow" | "red" | "orange" | "indigo" | "pink" | "purple" | "grey"
accent
-
ref
null | string | (instance: HTMLInputElement | null) => void | RefObject<HTMLInputElement>
-
Allows getting a ref to the component instance. Once the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref). @see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}
size
"small" | "medium" | "large"
medium
-
v1.0