Design System

Fundamentos visuais, componentes e padrões de interface usados em todas as telas do HaisFaturamento. Use esta referência antes de criar qualquer tela nova.

Componentes

Botões

Variantes, tamanhos e estado desabilitado do Button.

Variantes

Uma única ação primária por tela. Ícone sempre à esquerda do texto.

variant="default"

variant="secondary"

variant="outline"

variant="ghost"

variant="destructive"

variant="link"

Tamanhos

sm em tabelas e barras de filtro; default em formulários; lg em telas de autenticação.

size="sm"

size="default"

size="lg"

size="icon"