@andrevantunes/andrevds v1.0.1

Andrev | Design System

AndrevDS é uma biblioteca de design system feita em React.js baseada em Material Design.

Tabela de Conteúdo

• Como usar
• Pré-requisitos
• Tecnologias

Como usar

Para adicionar aos projetos, rode o seguinte comando:

$ yarn add @andrevantunes/andrevds

Importando um componente e usando um Tokens:

import { Button, ButtonSizesEnum, Tokens } from "@andrevantunes/andrevds";

const MyExample = () => (
  <div style={{ backgroundColor: Tokens.ColorBackgroundNeutral }}>
    <Button size={ButtonSizesEnum.Small}>Comece agora!</Button>
  </div>
);

export default MyExample;

Pré-requisitos

• Git
• Node.js >= 14
• Yarn >= 1 <= 2

Os seguintes padrões foram adotados e devem ser seguidos:

• Conventional Commits
• BEM

Referências

• https://github.com/mapbox/pixelmatch
• https://github.com/gemini-testing/looks-same

Tecnologias

• Jest
• Loki
• Node.js
• React
• RTL (React Testing Library)
• Sass
• Storybook
• TypeScript