aiq design system

AIQ Design System

Библиотека компонентов для реагирования проектов AIQFOME Galera.

Как добавить в проект

yarn add aiq-design-system

or

npm install aiq-design-system

компоненты

Наши компоненты в этом сборнике рассказов

Официальная документация: скоро наступит

Базовая конфигурация

Чтобы начать использовать компоненты, выполните следующие действия:

1-мы сделаем обертку, доступной для вас, чтобы добавить в приложение, является ли 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-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 >
  )
} 

Шаблон Codesandbox

У нас есть шаблон, настроенный на CodeSandbox с настройкой LIB!