Componentes

25 componentes documentados. Clique para ver props, dimensões e tokens.

Todos (25)Formulário / Controles (10)Modais / Overlays (0)Navegação (4)Floating Menus (1)Trading (5)Configuração (0)Inteligência Artificial (0)Outros (5)

Outros

Card

Card de conteúdo — container com borda, padding e hover. Usado como base para cards de navegação e informação no Design Hub.

Badge de status com dot opcional. 5 variantes (Neutral, Brand, Success, Warning, Archived) e 2 tamanhos (default 12px/16px, large 14px/25px). Border-radius 5px.

2316:8953 · auto (hug) × 16px

ImplementadoCódigo

Outros

Table

Tabela genérica do Design System TRDR. Header 11px uppercase, cells 13px, hover row, border-bottom subtle. Variantes: bordered (wrapper com borda + radius), compact (padding reduzido), striped (linhas alternadas).

— · 100% (fill) × auto

ImplementadoCódigo

Outros

CopyButton

Botão de copiar para clipboard com feedback visual. Ícone copy → check ao clicar, com transição de cor. 2 tamanhos (default 28px, sm 20px).

Card de estatística com valor destaque (36px bold), label e descrição opcional. Variante accent com gradient brand e cor de valor em brand.

— · auto (fill) × auto

ImplementadoCódigo