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
O componente Badge nos permite comunicar quantidades de itens ou ações pendentes.
Leia a documentaçãoBox
O componente Box nos permite agrupar e espaçar elementos ou outros componentes.
Leia a documentaçãoButton
O componente Button nos permite iniciar ações, fazer mudanças de estado ou de página.
Leia a documentaçãoCheckbox
O componente Checkbox nos permite escolher uma ou diversas opções em uma lista de seleção.
Leia a documentaçãoChip
O componente Chip é utilizado para sinalizar critérios ou atributos relacionados a buscas ou filtros de uma lista de informações.
Leia a documentaçãoFile uploader
O componente File Uploader é utilizado para fazer o upload de arquivos.
Leia a documentaçãoIcon button
O componente Icon Button é utilizado quando temos uma ação clara ao usuário, levando em conta o contexto na qual se encontra, podendo ser facilmente representada por um ícone.
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çãoLink
O componente Link nos permite navegar entre páginas no mesmo site ou para outros sites.
Leia a documentaçãoList
O componente List nos permite organizar informações em formato de texto em uma lista.
Leia a documentaçãoPopover
O componente Popover nos permite mostrar mais elementos dentro de uma caixa flutuante.
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çãoStack
O componente Stack nos permite agrupar elementos ou componentes de forma horizontal ou vertical.
Leia a documentaçãoTag
O componente Tag é utilizado para categorizar informações, organizar ou indicar status de elementos ou componentes usando palavras-chave, ícones ou cores.
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çãoTooltip
O componente Tooltip nos permite mostrar uma informação adicional de forma não intrusiva.
Leia a documentação