Vitrine de Componentes (@plidio/ui)

Demonstração de todos os componentes compartilhados com suporte a tema claro e escuro.

Button

Card

Cartão de Exemplo

Descrição do cartão compartilhado.

Conteúdo renderizado pelo componente de cartão no servidor Astro.

Badge

PadrãoSecundárioContornoDestrutivo

Input

Nome de Usuário

Label

E-mail

Table

Tabela de itens de exemplo da vitrine.
Identificador	Status	Descrição
ITM-001	Ativo	Primeiro item demonstrativo
ITM-002	Pendente	Segundo item demonstrativo

Dialog

InputOTP

[data-input-otp] { --nojs-bg: white !important; --nojs-fg: black !important; background-color: var(--nojs-bg) !important; color: var(--nojs-fg) !important; caret-color: var(--nojs-fg) !important; letter-spacing: .25em !important; text-align: center !important; border: 1px solid var(--nojs-fg) !important; border-radius: 4px !important; width: 100% !important; } @media (prefers-color-scheme: dark) { [data-input-otp] { --nojs-bg: black !important; --nojs-fg: white !important; } }