Components

Componentes de UI com preview ao vivo, código e instalação.

Card
Exibe um card com header, conteúdo e footer.
Button
Exibe um botão ou um componente que se parece com um botão.
Badge
Exibe um badge ou um componente que se parece com um badge.
Avatar
Elemento de imagem com fallback, pensado pra representar o usuário.
Alert
Exibe uma mensagem de alerta chamativa.
Alert Dialog
Modal que interrompe o usuário com conteúdo importante e espera uma resposta.
Checkbox
Controle que permite ao usuário marcar/desmarcar uma opção.
Switch
Controle que permite ao usuário alternar entre ligado e desligado.
Select
Exibe uma lista de opções pro usuário escolher — dispara um popup nativo em mobile.
Radio Group
Conjunto de opções de rádio, onde só uma pode ser marcada por vez.
Tabs
Conjunto de seções em camadas de conteúdo, exibidas uma de cada vez.
Accordion
Conjunto de cabeçalhos empilhados que revelam uma seção de conteúdo cada.
Separator
Separa visualmente ou semanticamente o conteúdo.
Skeleton
Usado pra mostrar um placeholder enquanto o conteúdo carrega.
Progress
Exibe um indicador mostrando o progresso de conclusão de uma tarefa.
Textarea
Exibe um campo de formulário de texto multi-linha.
Input
Exibe um campo de formulário ou um componente que se parece com um campo.
Tooltip
Popup que exibe informação relacionada a um elemento quando ele recebe foco/hover.
Popover
Exibe conteúdo rico em um popup, disparado por um botão.
Dialog
Janela sobreposta ao conteúdo principal, encerrando a interação com o app.
Breadcrumb
Exibe o caminho pra página atual, mostrando a hierarquia de navegação.
Dropdown Menu
Exibe um menu pro usuário, disparado por um botão.
Table
Uma tabela responsiva pra exibir dados.
Sheet
Estende o componente Dialog pra exibir conteúdo complementar à tela principal.
Input OTP
Componente de campo de entrada com suporte a código de uso único.
Toggle
Botão de duas posições, que pode estar ligado ou desligado.
Toggle Group
Conjunto de botões de duas posições, agrupados.