cosmemilton-ui

Lista de seções expansivas para perguntas frequentes, filtros e detalhes progressivos.

Mensagem contextual com tom semântico, ação opcional e modo descartável.

Confirmação acionada por trigger render-prop para ações destrutivas ou sensíveis.

Casca de aplicação com sidebar, topbar e área principal responsiva.

Container de proporção fixa para mídia, gráficos e previews.

Avatar com imagem, fallback e tamanhos padronizados.

Marcador compacto para status, categorias e contadores leves.

Gráfico de barras simples para comparações rápidas.

Frame comum para gráficos com título, legenda, loading, vazio e fallback tabular.

Trilha hierárquica com adaptador de link opcional.

Botão de ação com variantes, tons, tamanhos, ícones e loading.

Agrupa botões em orientação horizontal ou vertical.

Calendário mensal com seleção de data.

Superfície flexível para agrupar conteúdo, cabeçalho, rodapé e cover.

Carrossel de cards ou mídia com controles e dots opcionais.

Checkbox com label, descrição e apresentações compactas.

Bloco de código com linguagem, modo inline e botão de copiar.

Área expansível com trigger customizável.

Seleção pesquisável com item, descrição e estado vazio.

Paleta de comandos com trigger, busca, atalhos e itens.

Diálogo controlado para confirmações com estado de submissão.

Menu contextual aberto por clique secundário.

Tabela com ordenação, paginação, toolbar, empty state e painel de detalhe.

Grade de miniaturas com lightbox em tela cheia: teclado, miniaturas e legendas.

Modal acessível com foco preso, scroll lock, tamanhos e rodapé.

Painel lateral ou inferior para detalhes e edições contextuais.

Menu ancorado com itens, separadores, atalhos e alinhamento.

Estado vazio com título, descrição, ícone e ação opcional.

Wrapper de campo com label, dica, descrição, erro e densidade.

Envio de arquivos com arrastar-e-soltar, preview, validação e callback onUpload.

Estrutura de formulário com título, descrição, grid e barra de ações.

Progresso radial / donut com tom, faixa, arco parcial e valor central.

Grid responsivo com API curta container/size, auto-fit/auto-fill, templates e spans por breakpoint.

Cartão de detalhe acionado por hover/foco.

Gateway para Iconify, usando nomes de ícones de 150+ bibliotecas.

Badge circular para destacar um ícone ou símbolo curto.

Input com label, ajuda, erro, sucesso, adornos e modo numérico.

Moldura para agrupar input com prefixo e sufixo.

Entrada segmentada para códigos curtos.

Linha de item com título, descrição e metadado.

Representa teclas e atalhos de teclado.

Label acessível com indicador opcional.

Primitivos de composição para alinhar, empilhar e limitar largura.

Gráfico de linha simples para tendências.

Mapa Leaflet com markers tonais, popups React, picker de coordenada e tiles compatíveis com dark mode.

Link com variantes, tons e adaptador para roteadores.

Barra horizontal de itens de menu com ação trailing.

Card de KPI com valor, tendência, tom e acento.

Seleção múltipla compacta com dropdown.

Menu de navegação horizontal com item ativo.

Container de página com padding, gap, largura máxima e scroll.

Cabeçalho de página com título, descrição, meta, ícone e ações.

Paginação em modo completo ou compacto.

Conteúdo flutuante ancorado a um trigger.

Renderização em document.body e painel posicionado em cantos da viewport.

Barra de progresso nativa estilizada.

Modal de progresso com passos, status e barra agregada.

Grupo de opções mutuamente exclusivas.

Painel com largura ajustável por arraste.

Editor de texto rico zero-dependência (contentEditable) com toolbar e saída em HTML.

Área com altura controlada para conteúdo rolável.

Agenda em visões dia/semana com eventos sobrepostos, slots clicáveis, toolbar e linha do horário atual.

Cabeçalho de seção com descrição, ações, borda e padding.

Select customizado com label, estados, adornos, clear e ícones opcionais.

Separador horizontal ou vertical com espaçamento e comprimento.

Layout de navegação lateral com grupos, colapso, marca e rodapé.

Captura de assinatura manuscrita via canvas, com data URL PNG e integração com formulários.

Botão com dropdown de opções para escolher uma ação ou filtro.

Indicador de status tonal (online/atenção/offline) com tamanhos e halo pulsante.

Alternador booleano com input oculto opcional para formulários.

Abas compostas por Root, List, Trigger e Content.

Tipografia com elemento, tamanho, tom, peso, espaçamento e truncamento.

Área de texto com label, ajuda, erro, sucesso e adornos.

Provider de tema, densidade e chrome para a aplicação.

Controle de troca de tema com apresentação normal ou compacta.

Sistema de notificações temporárias com provider e hook.

Linha do tempo / feed de atividade com trilho vertical, marcadores tonais e horários.

Barra flexível de controles com densidade, wrap e alinhamento.

Barra superior com seções start, center e end.

Árvore de categorias/permissões com busca, expansão, seleção e drag opcional.

Menu de usuário com avatar, cabeçalho e itens de dropdown.

Fluxo em etapas com orientação horizontal ou vertical.