Toggle

A two-state button that can be on or off, built on the Base UI `Toggle` primitive.

A two-state button that can be on or off, built on the Base UI Toggle primitive.

tsx
import { Toggle } from "@celestia-project/ui/primitive/toggle"
<Toggle aria-label="Toggle bold">B</Toggle><Toggle aria-label="Toggle italic" variant="outline">I</Toggle>
PropTypeDefault
variantdefault | outlinedefault
sizedefault | sm | lgdefault