Aiq-design-system NPM | npm.io

0.5.141 • Published 10 days ago

Install

Weekly downloads

385

License

MIT

Repository

Last release

10 days ago

a biblioteca de componentes para projetos React da galera do aiqfome.

como adicionar ao projeto

yarn add aiq-design-system

or

npm install aiq-design-system

os componentes

nossos componentes estão nesse storybook

documentação oficial: coming soon

configuração básica

pra começar a utilizar os componentes, segue esses passos:

1 - a gente disponibiliza um wrapper pra você adicionar na aplicação, é o ThemeProvider importado da aiq-design-system.

import React from 'react'
import ReactDOM from 'react-dom'

import { ThemeProvider } from 'aiq-design-system'

function App({ children }) {
  return <ThemeProvider>{children}</ThemeProvider>
}

2 - já pode sair utilizando os componentes importados da aiq-design-system

import React from 'react'
import ReactDOM from 'react-dom'

import { Button, Flex, Input } from "aiq-design-system";

export const AiqComponent() {
  return (
    <Flex p={20} flexDirection="column">
      <Input variant="outlined" label="duas pizzas é muito?" />
      <Button variant="contained">fazer pedido!</Button>
    </Flex>
  )
}

template no codesandbox

temos um template configurado no codesandbox com a lib configurada!

@babel/runtime dotenv-cli downshift moment rc-dropdown rc-menu rc-tooltip react-dates react-dom react-icons react-input-mask react-router-dom react-spring react-table storybook styled-components styled-system

@everything-registry/sub-chunk-1109

10 days ago

18 days ago

27 days ago

27 days ago

1 month ago

1 month ago

2 months ago

2 months ago

3 months ago

3 months ago

6 months ago

5 months ago

7 months ago

9 months ago

11 months ago

11 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago