Introdução
O Zexon UI em poucas palavras e como usar esta documentação.
O Zexon UI é o sistema de interface da Zexon: componentes acessíveis e consistentes, com visual simples e direto (alto contraste, cantos discretos, bordas finas, estados de foco e hover claros). O conjunto é estável: você importa o componente pronto e usa na sua tela — sem precisar montar o design system do zero nem alterar o pacote.
A API segue padrões previsíveis (primitivos acessíveis, tipografia e cores com tokens semânticos), para que telas diferentes continuem com a mesma linguagem visual.
Esta documentação
O conteúdo está em content/docs (Fumadocs MDX); pastas com meta.json definem ordem e títulos das secções. Cada página é um .mdx com title e description no frontmatter; as rotas ficam sob /docs.
Exemplo de uso do pacote:
import { Button } from "@zexon/ui/components/button";
export function Demo() {
return <Button>Exemplo</Button>;
}
Navegue por Fundação e Componentes para tokens, padrões e exemplos com props.
Próximo: