Ascend
Ascend
Docs
Design SystemComponents

Checkbox e Switch

Controles booleanos densos, foco hairline, sem ring grosso.

Import: import { Checkbox } from "@ascend/ui/checkbox" · import { Switch } from "@ascend/ui/switch"

Demo

Contrato

  • Checkbox: raio 4px, hairline, checked via primary
  • Switch: track compacto (h-5/w-9), thumb com motion base
  • Foco: ring 1px em ambos

On this page