Switch

Um componente de alternância usado para ativar ou desativar estados de forma intuitiva.

Utilização


index.tsx
import { Switch } from "@convertcompany/ui";

Props

Esse componente extende a implementação do Radix UI, e por isso, possui as mesmas propriedades. Para mais detalhes, consulte a documentação oficial.

PropriedadeTipo
checkedControla se o switch está ativado.
boolean
defaultCheckedDefine o estado inicial do switch.
boolean
onCheckedChangeCallback executado quando o estado muda.
(checked: boolean) => void
disabledDesabilita a interação com o switch.
boolean
classNameClasse CSS adicional.
string
...propsDemais propriedades nativas do componente base do Radix.
SwitchProps