Galeria de Componentes

Explore os componentes disponíveis no ERS (UI Kit construído sobre Radix + Tailwind).

Inputs & Controls

Buttons

Variações de botões do sistema.

GovBrButton

Botão oficial para login Gov.br.

Inputs Textuais

Campos de entrada simples.

E-mail

Desabilitado

Biografia

Select

Campo de seleção via Radix.

Toggles & Checks

Controles booleanos.

Aceitar termos e condições

Modo Avião

Padrão

Confortável

Data Display

Card Base

Usado para agrupar informações relacionadas.

O conteúdo principal do card fica aqui.

Badges & Avatares

Indicadores e perfis.

Padrão

Secondary

Outline

Alerta

Sucesso

Tabs & Accordion

Organização densa de informações.

Conteúdo da tab de Conta.

Feedback

Alertas

Mensagens fixas de atenção.

Nota!

Esta é uma mensagem informativa padrão.

Erro crítico!

Não foi possível salvar os dados. Sua sessão expirou.

Sucesso!

Os dados foram processados com sucesso.

Loading & Skeletons

Estados de carregamento.

Toasts & Tooltips

Feedback temporário (Hover ou Clique).

Overlays & Dialogs

Modais Clássicos (Dialog)

Confirm Dialog

Segurança para ações destrutivas (deleção, etc).

Dropdown Menu

Menu de contexto com Radix.

Ícones (Lucide React)

Todos os ícones são importados do components/ui/icons/index.tsx. Renderizando um SVG padrão do sistema Lucide.

Activity

AlertCircle

AlertTriangle

ArrowLeft

ArrowUp

Building

Calendar

Camera

Check

CheckCircle

CheckCircle2

ChevronDown

ChevronLeft

ChevronRight

ChevronUp

ChevronsLeft

ChevronsRight

Circle

Clock

Component

Copy

CreditCard

Crown

Database

Download

Edit

Edit2

Edit3

Eye

EyeOff

FileArchive

FileSearch

FileText

Filter

HardDrive

HelpCircle

Home

Image

Inbox

Info

KeyRound

LayoutDashboard

Loader2

Lock

LogOut

Mail

Monitor

MonitorCog

Moon

MoreHorizontal

Pencil

Plus

Power

RotateCw

Save

Send

Server

Settings

Shield

ShieldAlert

ShieldCheck

Smartphone

Sun

Tablet