💜 O que é?

A Quero Components Web é uma biblioteca de componentes reutilizáveis, auxiliando o usuário na construção de interfaces de forma mais rápida e produtiva.

👨‍💻 Como instalar?

# Utilizando npm
npm install @quero-delivery/quero-components-web react react-dom styled-components

# Utilizando yarn
yarn add @quero-delivery/quero-components-web react react-dom styled-components

🏃 Como usar?

import { InputLine } from '@quero-delivery/quero-components-web';
import '@quero-delivery/quero-components-web/dist/esm/index.css';

export function Example() {
  return <InputLine label="Quero delivery" onChange={() => {}} />;
}

📊 Como usar gráficos?

Os gráficos são utilizados a partir da biblioteca Victory

• Instalação

# Utilizando npm
npm install victory

# Utilizando yarn
yarn add victory

Exemplo de uso

<VictoryChart>
  <VictoryLine
    groupComponent={
      <VictoryClipContainer clipPadding={{ top: 5, right: 10 }} />
    }
    style={{
      data: { stroke: '#9b4dee', strokeWidth: 15, strokeLinecap: 'round' },
    }}
    data={sampleData}
  />
</VictoryChart>

🎨 Quais cores foram utilizadas no padrão da biblioteca?

brand: #9b4dee;
brandpink: #e0457b;
brandyellow: #f7ea48;
branddark: #6700a2;
brandlight: #d8b8f9;

Confira a documentação da biblioteca para mais detalhes de uso Documentação victory.

📚 Quais bibliotecas são usadas?

• React Hook Form
• Semantic UI React
• React Datepicker

📝 Documentação

Para verificar a documentação click aqui

• Verificar em desenvolvimento

npm run start ou yarn start

cd example
npm run storybook ou yarn storybook

## A documentação será aberta na porta:6006 - acesse http://localhost:6006

🤝 Como contribuir para o projeto?

• Entre em nosso repositorio no GitHub;
• Faça um fork do projeto;
• Salve as alterações e crie uma mensagem de commit contando o que você fez.
• Envie as suas alterações.
• Realize um pull request para que seja analisado.

Caso tenha alguma dúvida confira este guia de como contribuir no GitHub.