Checkbox
Caixas de seleção para formulários e seleções múltiplas.
Preview
Visualização do componente Checkbox com diferentes estados
Instalação
Via CLI (Recomendado)
1. Inicializar (primeira vez)
npx @scmposs/hollow-ui init
npx @scmposs/hollow-ui setup2. Adicionar componente
npx @scmposs/hollow-ui add checkboxOs comandos init e setup fazem o pré-setup (necessário apenas uma vez). Se você rodar add sem isso, a CLI executa o setup automaticamente.
Via NPM
Instalar pacote completo
npm install @scmposs/hollow-ui@latestInstala todos os componentes como dependência do projeto.
Uso Básico
Exemplo básico
import { Checkbox } from "@scmposs/hollow-ui"
import { Label } from "@scmposs/hollow-ui"
<div className="flex items-center space-x-2">
<Checkbox id="terms" />
<Label htmlFor="terms">Aceito os termos</Label>
</div>
// Checkbox marcado por padrão
<Checkbox id="newsletter" defaultChecked />
// Checkbox desabilitado
<Checkbox id="disabled" disabled />Exemplos