Data Input

Checkbox

Caixa de seleção acessível via Radix Checkbox. Suporta estado controlado e indeterminado.


npx shadcn add @studio/checkbox

Baseado em Radix Checkbox — acessível por teclado e leitores de tela.

Estados

Aceito os termos de uso Receber novidades por e-mail Desabilitado

Demo interativa — clique para alternar. Em produção usa Radix Checkbox com estado controlado.

Props

Prop	Tipo	Default	Descrição
`checked`	`boolean \| 'indeterminate'`	—	Estado (modo controlado)
`defaultChecked`	`boolean`	`false`	Estado inicial (não controlado)
`onCheckedChange`	`(checked) => void`	—	Callback ao alternar
`disabled`	`boolean`	`false`	Estado desabilitado