Componentes

Maka UI inclui 35+ componentes prontos para produção, organizados por categoria.

Entrada de dados

Componente	Descrição
Button	Botão com 5 variantes e 3 tamanhos
Input	Campo de texto com label, helper e estado de erro
Textarea	Área de texto multi-linha
Select	Seletor com dropdown customizado
Checkbox	Caixa de seleção acessível
RadioGroup	Grupo de seleção exclusiva
Switch	Toggle on/off
Combobox	Input com busca e seleção
NumberInput	Campo numérico com incremento/decremento
Slider	Controle de intervalo deslizante
PinInput	Entrada de código PIN / OTP
TagsInput	Campo de múltiplas tags
DatePicker	Seletor de data com calendário
FileUpload	Upload de arquivos com drag-and-drop

Navegação

Componente	Descrição
Tabs	Navegação por abas
Accordion	Painel expansível
Breadcrumb	Trilha de navegação
Pagination	Navegação entre páginas
Stepper	Wizard multi-etapas

Overlay

Componente	Descrição
Dialog	Diálogo modal com backdrop
Tooltip	Dica de contexto ao hover
Popover	Painel flutuante com conteúdo rico
Menu	Dropdown de ações
ContextMenu	Menu de contexto ao clique direito

Feedback

Componente	Descrição
Alert	Mensagem de status inline (info/success/warning/danger)
Toast	Notificações temporárias flutuantes
Progress	Barra de progresso determinada/indeterminada
Spinner	Indicador de carregamento
Skeleton	Placeholder de carregamento de conteúdo

Exibição

Componente	Descrição
Badge	Rótulo de status / categoria
Avatar	Foto ou iniciais do usuário
Card	Superfície de conteúdo com variantes
Table	Tabela com colunas customizáveis e slots
Divider	Separador visual com label opcional
EmptyState	Estado vazio com ícone e ações

Importação

Todos os componentes são exportados de @halfbyte/maka e são tree-shakeable:

import { Button, Input, Badge, Dialog } from '@halfbyte/maka'

Selecione um componente na barra lateral para ver a documentação detalhada e exemplos.