Documentação
Tudo o que você precisa para usar o Camaleo — instalação, os treze estilos, todos os componentes e como deixá-lo com a sua cara. Todo exemplo de toda página veste o estilo que você escolher na barra acima.
Comece aqui
- InstaleDois pacotes e uma folha de estilo, no Next.js ou no Vite.
- Escolha um estiloCarregue um ou vários, troque em tempo de execução, defina a cor da marca e o modo escuro.
- Deixe com a sua caraTokens, regras com escopo ou um décimo quarto estilo escrito do zero.
Componentes
78 páginas de componente em 10 grupos, cada uma com exemplos ao vivo, props e notas de teclado. As miniaturas vestem o estilo, o modo e a cor da barra acima.
- Ações3Button, Toggle, Spinner
- Formulários9Field, Select, Native select, Combobox…
- Formulário avançado7Input group, OTP field, TagsInput, Envio de arquivos…
- Datas6Calendar, Range calendar, Date picker, Date range picker…
- Feedback6Alert, Toast, Progress, Meter…
- Exibição8Badge, Avatar, Card, Kbd…
- Exibição de dados10DataTable, DataList, Stat, Timeline…
- Sobreposições8Dialog, AlertDialog, Drawer, Popover…
- Navegação9Tabs, Accordion, Breadcrumb, Pagination…
- Layout e app12Box, Stack, Grid, Container…
Estilos
Abra um estilo para ver as fontes, os tokens e quando usá-lo. Para vestir todos os exemplos com ele, escolha-o na barra acima.
- Minimal · em uso
- Swiss
- Editorial
- Progressive
- Material
- Cupertino
- Glass
- Neumorphism
- Clay
- Neubrutalism
- Retro
- Retro pixel
- Y2K
- Crie o seu
Guias
Novidades
- 30 out. Acabamento por estilo: abas verticais no Material, linhas de tabela no glass, alertas no Neubrutalism.
- 30 out. Itens de rádio e submenus no Menu, erros no Stepper, legenda e rodapé de tabela.
- 30 out. Textos padrão em inglês com um
MessagesProvidere um pacote pt-BR. - 28–30 out. Uma página para cada componente, com exemplos ao vivo nos 13 estilos.
Esta página foi útil? · Editar esta página no GitHub