Componentes atómicos
São os blocos de construção fundamentais no Nimbus. Referem-se aos elementos de UI mais básicos, como botões, inputs, checkboxes, etc. Esses componentes atômicos são independentes e podem ser usados e reutilizados para formar componentes compostos.
Badge
Comunica a quantidade de itens pendentes ou o estado de um elemento por meio de um contador breve destacado por cor.
Leia a documentaçãoBox
Agrupa, espaça e posiciona elementos aplicando propriedades visuais e de layout sobre um contêiner.
Leia a documentaçãoCheckbox
Permite selecionar uma ou várias opções de uma lista, de forma independente entre si.
Leia a documentaçãoChip
Permite representar critérios, filtros ou atributos aplicados a uma lista de dados, de forma compacta e opcionalmente removível.
Leia a documentaçãoDivider
O componente Divider é um elemento visual atômico utilizado para separar seções de conteúdo ou grupos de elementos dentro de uma mesma interface.
Leia a documentaçãoFile uploader
O componente File Uploader é utilizado para fazer o upload de arquivos.
Leia a documentaçãoIcon button
Permite executar uma ação representada apenas por um ícone, sem texto visível, quando o espaço é limitado ou a ação é inequívoca.
Leia a documentaçãoIcon
O componente Icon é utilizado quando precisamos ilustrar uma ação, estado ou texto dentro ou fora de outro componente.
Leia a documentaçãoInput
O componente Input permite ao usuário inserir ou editar informações em formato de texto.
Leia a documentaçãoLabel
Nomeia um campo de formulário e descreve qual informação se espera preencher nele.
Leia a documentaçãoLink
Permite navegar para outra página ou seção, ou executar uma ação secundária, com menor peso visual do que um botão.
Leia a documentaçãoList
O componente List nos permite organizar informações em formato de texto em uma lista.
Leia a documentaçãoPopover
Permite mostrar ações ou informações complementares em uma caixa flutuante ancorada a um elemento, que se abre ao interagir com ele.
Leia a documentaçãoProgress Bar
O componente Progress Bar nos permite mostrar o progresso de uma tarefa.
Leia a documentaçãoRadio
O componente Radio nos permite escolher uma única opção dentro de uma lista de seleção.
Leia a documentaçãoSelect
O componente Select permite ao usuário selecionar uma opção dentro de uma lista.
Leia a documentaçãoSkeleton
O componente Skeleton nos permite comunicar de forma visual o carregamento de outros componentes.
Leia a documentaçãoSlider
O componente Slider permite aos usuários selecionar um valor único ou um intervalo de valores deslizando um controle ao longo de uma faixa horizontal.
Leia a documentaçãoStack
O componente Stack nos permite agrupar elementos ou componentes de forma horizontal ou vertical.
Leia a documentaçãoTag
Comunica o status ou a categoria de um elemento por meio de uma palavra-chave breve e uma cor semântica.
Leia a documentaçãoText
O Text é o componente de texto, utilizado para escrever e formatar blocos de conteúdo dentro de páginas ou componentes.
Leia a documentaçãoTextarea
O componente Textarea permite ao usuário inserir ou editar informações em formato de texto longo.
Leia a documentaçãoTitle
Titles são componentes de texto, utilizados para empregar hierarquia visual e semântica aos conteúdos de uma página.
Leia a documentaçãoToast
O componente Toast nos permite notificar usuários em um tom informacional, descrevendo que algo aconteceu ou está acontecendo, sem interromper a navegação.
Leia a documentaçãoToggle
Permite ativar ou desativar uma configuração binária com efeito imediato, sem uma etapa de salvamento.
Leia a documentaçãoTooltip
O componente Tooltip nos permite mostrar uma informação adicional de forma não intrusiva.
Leia a documentaçãoAjude-nos a melhorar a documentação
Encontrou um problema ou tem uma sugestão? Conte para a gente.