Form Elements · Hogrid Design System

Label

Rótulo semântico associado a cada controle. Marque campos obrigatórios com o acento Volts e sinalize opcionais e desabilitados de forma explícita.

Nome do projeto *Repositório (opcional)Ambiente de produção (bloqueado)

Input

Campo de texto com forma pill de 44px, estados de leitura, erro e helper embutidos no HogridInput.

Nome do projeto

Cliente

Identificador do repositório

Somente leitura: definido na criação do projeto.

Squad responsável

Senha do painel

Sprints estimadas

E-mail de contato do cliente

Informe um e-mail válido, incluindo o domínio.

Textarea

Área de texto para descrições longas: briefing, escopo e notas de release. Raio 2xl, mesma borda e foco dos demais campos.

Escopo do projeto

Notas da release

Changelog publicado

v2.3.1 · Ajuste de contraste no tema escuro do PlantLab.

Somente leitura: gerado a partir das tags de release.

Retrospectiva (bloqueada)

Disponível após o encerramento da sprint.

Select

Seleção única com painel flutuante, forma pill e indicador Volts no item ativo. Use para atributos fechados de um projeto.

Tipo de projeto

Squad

Prioridade

Definida pelo contrato, não editável.

Checkbox

Seleção múltipla e consentimento. Marcado usa o preenchimento Volts sobre Bancada. Estados desabilitados comunicam permissões fora do alcance do usuário.

Consentimento (LGPD)

Autorizo o tratamento dos meus dados

A Hogrid usa seus dados apenas para responder a este briefing, conforme a Lei Geral de Proteção de Dados.

Grupo de permissões

Permissões de um membro no painel de projeto. Deploy e admin exigem aprovação e aparecem bloqueados para papéis padrão.

Switch

Alternância imediata para preferências binárias. O trilho ativo acende em Volts: status, não decoração.

Notificações de deploy

Avisar quando uma release chega à produção.

Autenticação em duas etapas

Exigir 2FA no acesso ao painel.

API pública

Expor endpoints de leitura do projeto.

Modo lite

Indisponível neste plano.

Formulário completo

Briefing de projeto integrando todos os controles, com um único CTA primário em Volts: a regra do condutor aplicada a formulários.

Referência

Componente	Props principais	Import
HogridInput	label, error, helperText, variant, inputSize, icon, iconRight	@/components/ui/input
Label	htmlFor, className	@/components/ui/label
Textarea	readOnly, disabled, defaultValue	@/components/ui/textarea
Select / SelectItem	defaultValue, disabled, value	@/components/ui/select
Checkbox	defaultChecked, disabled, id	@/components/ui/checkbox
Switch	defaultChecked, disabled, id	@/components/ui/switch