Eduzz UI: Antd Theme

Tema de antd ajustado aos padrões de UI da Eduzz.

Instalação

Para adicionar o tema no seu projeto, pasta rodar:

pnpm add @eduzz/ui-antd-theme

Utilização

import { ThemeProvider } from '@eduzz/ui-antd-theme';

function App() {
  return (
    <ThemeProvider>
      <section>
        <Typography.Title level={1}>H1 - Roboto</Typography.Title>
        <Typography.Title level={2}>H2 - Roboto</Typography.Title>
        <Typography.Title level={3}>H3 - Roboto</Typography.Title>
        <Typography.Title level={4}>H4 - Roboto</Typography.Title>
        <Typography.Title level={5}>H5 - Roboto</Typography.Title>

        <Typography.Paragraph>Paragraph - Roboto</Typography.Paragraph>
      </section>
    </ThemeProvider>
  );
}

export default App;

Parâmetros

Aceita todas as props do ConfigProvider do Antd e mais:

| Propriedade | Tipo | Obrigatório | Padrão | Descrição | |------------------|---------------|-------------|-------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| | | mode | light\|dark | false | 'light' | Modo do tema (dark/light), troca automaticamente com o ModeSwitcher do @eduzz/ui-layout |