aiq design system

Système de conception AIQ

La bibliothèque de composants pour les projets React de Aiqfome Galera.

Comment ajouter au projet

yarn add aiq-design-system

or

npm install aiq-design-system

les composants

Nos composants sont dans ce livre de contes

Documentation officielle: à venir bientôt

configuration de base

Pour commencer à utiliser les composants, suivez ces étapes:

1-WE mettez un emballage disponible pour que vous puissiez ajouter à l'application, est ThemeProvider importé à partir du système de conception AIQ .

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

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

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

2-vous pouvez maintenant sortir en utilisant les composants importés du système de conception AIQ

 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 >
  )
} 

Modèle de boîte et de la boîte

Nous avons un modèle configuré sur la boîte de codes et avec une lib configuré!