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: