Style guide
Tokens visuais definidos em src/styles.css, tipografia, componentes UI base e composições do projeto — todos isolados, renderizados com dados mockados. Composições rodam em iframes para isolar modais e estado.
Fundamentos
Componentes UI · 16
Button
Primitivos · 11 variantes
Badge
Primitivos · 12 variantes
Alert
Feedback · 2 variantes
Card
Estrutura · 2 variantes
Form controls
Formulário · 7 variantes
Tabs
Estrutura · 1 variante
Skeleton
Feedback · 2 variantes
Progress
Feedback · 3 variantes
Avatar
Primitivos · 1 variante
Botões de ação (Kit)
Primitivos · 5 variantes
Separator
Estrutura · 1 variante
EmptyState
Feedback · 2 variantes
Banners globais
Feedback · 3 variantes
MetodologiaPopover
Feedback · 1 variante
QA Finding (público vs admin)
Domínio · 6 variantes
Cards de domínio
Domínio · 4 variantes
Composições · 26
AnomaliaInvestigacao
3 variantes
AnotacoesCaderno
4 variantes
ArtigoDetalhe
4 variantes
ArtigosIndexList
3 variantes
BotaoSalvarItem
5 variantes
BotaoSalvarPergunta
4 variantes
CadernoItensSalvos
3 variantes
CadernoPerguntasSalvas
4 variantes
CandidatoFicha
5 variantes
CandidatosLista
5 variantes
CoberturaMatrix
3 variantes
CoberturaResumo
2 variantes
FiltroAbas
2 variantes
FonteCard
4 variantes
DoacoesEleitorais
3 variantes
EleicoesHub
4 variantes
FlagsCidada
4 variantes
IconeAcao
2 variantes
InvestigacaoInline
4 variantes
KitInvestigacao
4 variantes
ListaOrdenavel
2 variantes
QualidadeBanner
4 variantes
SecaoLista
3 variantes
SecaoEleicao
5 variantes
ReporteOficialModal
3 variantes
TseImportPanel
3 variantes