@justa/chakra-themes

@justa/chakra-themes 💅

Coleção de temas usados nas aplicações React e compatível com Chakra UI.

Quick Start

Antes de instalar este pacote, é necessário instalar o Chakra UI.

Instalação

npm

npm install --save @justa/chakra-themes

yarn

yarn add @justa/chakra-themes

Usando a lib

Depois de instalado, basta importar o pacote no seu projeto e configurar no ChakraProvider.

Escolha entre um dos temas disponíveis:

Tema	Descrição
linkouTheme	Tema usado no Linkou
contaJustaTheme	Tema usado na Conta Justa Web

import { linkouTheme, contaJustaTheme } from "@justa/chakra-themes";

// 1. import `ChakraProvider` component
import { ChakraProvider } from "@chakra-ui/react";

function App({ Component }) {
  // 2. Use at the root of your app
  return (
    <ChakraProvider theme={linkouTheme}>
      <Component />
    </ChakraProvider>
  );
}

Dev Environment

Na raiz do projeto, executar o comando yarn dev, o Turborepo irá efetuar a compilação do CSS e o arquivo será gerado na pasta dist.

Build da lib

Na raiz do projeto basta rodar o comando yarn build.

Licença

JUSTA SOLUCOES FINANCEIRAS S.A. @ MIT.