ดาวน์โหลด aiq design system - aiq design system Source Download Download

aiq design system

ส่วนประกอบของบุคคลที่สาม

0.5.145

ดาวน์โหลด

ระบบออกแบบ AIQ

ไลบรารีส่วนประกอบสำหรับโครงการตอบสนองของ Aiqfome Galera

วิธีเพิ่มในโครงการ

yarn add aiq-design-system

or

npm install aiq-design-system

ส่วนประกอบ

ส่วนประกอบของเราอยู่ในหนังสือนิทานนี้

เอกสารอย่างเป็นทางการ: เร็ว ๆ นี้

การกำหนดค่าพื้นฐาน

หากต้องการเริ่มใช้ส่วนประกอบให้ทำตามขั้นตอนเหล่านี้:

1-We ทำให้คุณสามารถเพิ่มแอปพลิเคชันได้คือ The ThemeProvider ที่นำเข้าจาก ระบบ 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- คุณสามารถออกมาโดยใช้ส่วนประกอบที่นำเข้าของ ระบบ AIQ-Design

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