leaf ui

? 잎 우아

스타일 성장을 사용하여 웹, 기본 및 AMP 용 React 구성 요소 라이브러리

[경고 : 이것은 진행중인 작업입니다. API는 변경 될 수 있습니다.]

설치

npm install -S leaf-ui

용법

앱 구성 요소를 ThemeProvider로 감고 Leaf-UI 테마를 전달하십시오 (또는 사용자 정의 테마로 재정의).

 // index.js
import React from 'react' ;
import ReactDOM from 'react-dom' ;
import { ThemeProvider } from 'styled-components' ;
import leafUiTheme , { BaseStyles } from 'leaf-ui/theme' ;
import App from './App' ;

ReactDOM . render (
  < ThemeProvider theme = { leafUiTheme } >
    < BaseStyles />
    < App />
  </ ThemeProvider > ,
  document . getElementById ( 'root' ) ,
) ;

app.js의 구성 요소를 가져오고 사용하십시오

 // App.js
import React from 'react' ;
import Button from 'leaf-ui/Button' ;

// for commonjs use,
// import Button from 'leaf-ui/cjs/Button';

const App = ( ) => (
  < Button >
    Leaf-UI
  </ Button >
) ;

export default App ;

지원되는 플랫폼

• 편물
• 토종의
• 앰프

기여하다

개발 프로세스에 대해 알아 보려면 기고 가이드, 버그 수정 및 개선 사항을 제안하는 방법, Leaf-UI 변경 및 테스트 방법에 대해 알아보십시오.

설정

이 빠른 설정 가이드를 따라 Leaf-UI가 로컬 컴퓨터에서 작동하도록하십시오.