Jabuti-DS

Estes são os componentes da implementação do Jabuti Design System, a solução completa de UI do Luis Nunes. Você pode encontrar código completo neste link.

Tecnologias

• React
• Esbuild
• Typescript
• Styled-Components

Introdução

Vamos descobrir Jabuti em menos de 5 minutos.

Primeiros passos

Comece preparando seu ambiente.

O que você vai precisar

• Node.js versão 18.0 ou superior:
  • Ao instalar o Node.js, é recomendável marcar todas as caixas de seleção relacionadas às dependências.

Instalando a biblioteca

Na pasta raiz do seu projeto, execute o seguinte comando:

npm install --save @jabuti-ds/core

Como importar e usar?

Para importar os componentes é muito simples. Siga o exemplo abaixo:

import { Box, Button } from '@jabuti-ds/core'


function MyPlayground(){
    return(
        <Box display="flex"  justifyContent="center" alignItems="center" flexDirection="row">
            <Button size="small" variant="contained">
                Clique aqui
            </Button>
        <Box>
    )
}

Licença

© 2024 Luis Nunes - Todos os direitos liberados.

Keywords

Jabuti DS