Todos o houston foi pensando para trabalhar junto com o AntD.
Para instalar o Houston seguir os passos:
Configurar o eslint (opcional).
1yarn add @eduzz/houston-ui @eduzz/houston-forms @eduzz/houston-hooks
Para configurar no padrão do Houston no eslint, você deve adicionar as dependências, pois o eslint exige que plugins devem, ser adicionados no projeto principal:
1yarn add --dev eslint @eduzz/eslint-config-houston eslint @typescript-eslint/eslint-plugin @typescript-eslint/parser eslint-config-prettier eslint-plugin-eslint-plugin eslint-plugin-import eslint-plugin-prettier eslint-plugin-react eslint-plugin-react-hooks eslint-plugin-unused-imports eslint-plugin-sonarjs prettier
1// .eslintrc2{3"extends": ["@eduzz/eslint-config-houston"]4}56// .prettierrc.js7module.exports = {8...require('@eduzz/eslint-config-houston/.prettierrc')9};
Veja mais sobre as configurações no menu ESLint.
No arquivo raiz de seu projeto, defina sua paleta de cores e adicione o provedor da seguinte maneira:
1import ThemeProvider, { createTheme } from '@eduzz/houston-ui/ThemeProvider';23const theme = createTheme('eduzz'); // ou um hex: '#0D47A1'45<ThemeProvider theme={theme}>...</ThemeProvider>;
Veja mais no menu Tema e Estilos.
Package | Descrição | Link | Version |
---|---|---|---|
@eduzz/houston-ui | Componentes UI para web | Visualizar | |
@eduzz/houston-forms | Validação de formulários | Visualizar | |
@eduzz/houston-hooks | Hooks diversos | Visualizar | |
@eduzz/eslint-config-houston | Configuração padrão para o eslint/prettier | Visualizar |