@t2-educacao/midas

Midas, o design system da T2 Educação: componentes React acessíveis, tokens com tema claro e escuro e ícones Tabler. Feito para Next.js (14 a 16) e React (18.2+ e 19).

Documentação com exemplos ao vivo: https://midas.t2.com.br

npm install @t2-educacao/midas

Tailwind v4: no CSS global

@import "tailwindcss";
@import "@t2-educacao/midas/theme.css";

Tailwind v3: no layout raiz

import "@t2-educacao/midas/styles.css";

Use:

import { Button } from "@t2-educacao/midas";
import { IconArrowRight } from "@t2-educacao/midas/icons";

<Button size="lg">Começar <IconArrowRight /></Button>

Documentação

Site com exemplos ao vivo e código para copiar: https://midas.t2.com.br

Toda a documentação vem dentro do pacote, na versão exata que você instalou:

• Índice (ótimo para agentes de IA): node_modules/@t2-educacao/midas/llms.txt
• Guias: node_modules/@t2-educacao/midas/docs/
• Componentes: node_modules/@t2-educacao/midas/docs/components/

Comece por docs/index.md e docs/instalacao.md. Usando IA no projeto? Veja docs/guia-para-ia.md.

Licença

MIT © T2 Educação