leaf ui

? Лист-уи

Библиотека компонентов React для веб-сайта, нативного и AMP, созданного с использованием стиля-компонентов

[ПРЕДУПРЕЖДЕНИЕ: Это работа в процессе, 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.

Настраивать

Следуйте этому Руководству по быстрой настройке, чтобы заставить листья UI работать на местной машине.