Label
Rótulos acessíveis para elementos de formulário.
Preview
Visualização do componente Label com diferentes usos
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 labelOs 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 { Label } from "@scmposs/hollow-ui"
<Label htmlFor="email">Email</Label>
<Input type="email" id="email" />
// Com checkbox
<div className="flex items-center space-x-2">
<Checkbox id="terms" />
<Label htmlFor="terms">Aceito os termos</Label>
</div>Exemplos