Skip to content

aiqfome/aiq-design-system

Folders and files

NameName
Last commit message
Last commit date

Latest commit

5e1d9c6 · Apr 11, 2024
Jan 24, 2023
Dec 30, 2022
Sep 24, 2020
Nov 24, 2020
Apr 11, 2024
Aug 21, 2020
Jul 28, 2020
Jan 17, 2022
Feb 21, 2022
Aug 1, 2020
Aug 5, 2020
Feb 21, 2022
Jul 30, 2020
Mar 15, 2024
Jul 28, 2020
May 3, 2021
Jul 31, 2020
Feb 27, 2024

Repository files navigation

aiqfome logo

aiq design system

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

Language grade: JavaScript NPM Downloads

npm downloads

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!

Edit Button