EyesOn Design System

Componentes React acessíveis e consistentes para produtos Eyeson. Instale @vincisys/eyeson e comece em minutos.

Attachment

Anexo de arquivo ou imagem com mídia, metadados, estado de upload e ações.

Ações primárias, secundárias e estados de carregamento.

Grade de mês com navegação e eventos por dia.

Container de agrupamento com cabeçalho, conteúdo e rodapé opcionais.

Seleção para marcar uma ou mais opções.

Seleção com busca e suporte a itens customizados.

Tabela genérica orientada a colunas, com busca, paginação server-side, loading e empty state resolvidos internamente.

Campo de seleção de data com um mini calendário em popover.

Campo de seleção de data e hora com calendário e colunas de horário.

Modal com backdrop para conteúdo em foco, confirmações e formulários.

Placeholder para listas, tabelas ou buscas sem conteúdo.

Dialog para formulários com header (ícone, título e subtítulo), corpo scrollável e footer destacado.

Botão apenas com ícone, para ações compactas.

Campos de texto com label flutuante e validação.

Lista suspensa para escolha de opções.

Navegação por abas com estilo segmentado ou sublinhado.

Componente de tipografia para textos e headings com estilo consistente.

Campo de texto multilinha com o mesmo padrão visual do Input.