Sala de Testes

Playground vivo do kit do Portal 2.0 — troque variação, tamanho, estado e fundo. Tudo aqui é o componente real, importado de @/components/portal2/kit.

Botões

6 variações × 3 tamanhos · padrão pill do portal

<P2Button variant="primary" size="md" icon={Save}>Salvar</P2Button>

Tabela

O componente-estrela. Variações + densidade + seleção + ordenação.

denso

Processo	Cliente	Canal	Etapa
SKT0469-SCDI	Alessandra Aguiar	Verde	Desembaraço	USD 48.250
CHB0086-ESDI	Beatriz Oliveira	Amarelo	Registro	USD 12.900
RCH0002-SCDU	Riachuelo Knapp	Vermelho	Em trânsito	USD 91.430
SKI0193-SCDI	Guilherme Yuri	Verde	Faturamento	USD 7.180

4 processos · 1 selecionado(s)

Status & Tags

Canal DI + tags semânticas

VerdeAmareloVermelhoSem DI

neutralprimarysuccesswarningdangerinfo

VDTRRMDS

KPI / Métricas

Cartões de indicador com delta

Processos

47+5

ativos

No prazo

86%+3pp

Atrasados

6+2

A faturar

R$ 2,1MUSD 412k

Inputs & Formulário

Field, input, select, search, switch, checkbox, segmented

Processo*Formato XXX0000-SCDIEquipe

Buscar

DI vinculadaSelecione uma DI para classificar

Tabs, Toolbar & Progresso

Conferência

100%

Classificação

64%

Faturamento

20%

Kanban card · Drawer · Empty

Kanban card

CHB0086-ESDI

Beatriz Oliveira

AUTOMOTIVO

G5Amarelo25/05

Clique → abre o Drawer

Empty state

Nenhum processo encontrado

Ajuste os filtros ou limpe a busca para ver todos os processos da fila.

Tudo isto é o kit real

Cada componente acima é importado de @/components/portal2/kit — o mesmo que monta o Kanban, as Invoices e a Triagem. Mudou aqui, muda no portal inteiro.