aiq design system

AIQ設計系統

AIQFOME GALERA的React項目的組件庫。

如何添加項目

yarn add aiq-design-system

or

npm install aiq-design-system

組件

我們的組成部分在這本故事書中

官方文件：即將推出

基本配置

要開始使用組件，請按照以下步驟：

1-我們使您可以將包裝器供您添加到應用程序中，這是從AIQ-Design-System導入的ThemeProvider 。

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

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

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

2-you現在可以使用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 >
  )
} 

代碼和框模板

我們在帶有配置的lib的代碼和盒子上配置了一個模板！