Skip to content

QueroDelivery/quero-components-web

Repository files navigation

querolabs

Quero Components Web

Biblioteca de components web do Quero Delivery

Repository size Last commit on GitHub License

ReactJS

💜 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={() => {}} />;
}

Exemplo de uso da biblioteca Quero delivery

📊 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>
Exemplo de uso da biblioteca Victory

🎨 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?

📝 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.

Contribuição