tabler react

Обновление – июнь 2019 г.: версия 2

Альфа-версия теперь доступна на NPM:

npm install tabler-react@alpha yarn add tabler-react@alpha

Ознакомьтесь с последним прогрессом и примите участие в этой ветке или поделитесь своими мыслями и пожеланиями по этому вопросу.

Таблер Реагировать

Реализация набора пользовательского интерфейса Tabler Dashboard в React

Демо | Документация | Проблемы | Слабость .

Установить

Убедитесь, что у вас установлен Node.js 8+ и Yarn.

yarn add tabler-react

Пример

 import React , { Component } from "react" ;

import "tabler-react/dist/Tabler.css" ;

import { Card , Button } from "tabler-react" ;

class MyCard extends Component {
  render ( ) {
    return (
      < Card >
        < Card . Header >
          < Card . Title > Card Title </ Card . Title >
        </ Card . Header >
        < Card . Body >
          < Button color = "primary" > A Button </ Button >
        </ Card . Body >
      </ Card >
    ) ;
  }
}

Дополнительные примеры и документацию см. на демонстрационном веб-сайте.

Содействие

Есть много возможностей принять участие. Выберите невыполнимую задачу, сообщите нам, над чем вы работаете, и задайте любые вопросы.

Пакет состоит из 2 основных папок:

• /src содержит все компоненты Tabler React.
• /example — наш демонстрационный веб-сайт на основе приложения create-react.

Чтобы настроить и запустить локальную копию:

1. Клонируйте этот репозиторий с помощью git clone https://github.com/tabler/tabler-react
2. Запустите yarn install в корневой папке.
3. Запустите yarn install в папке примера.
4. В отдельных окнах терминала запустите yarn start в корневой папке и папке примеров.

Теперь вы должны быть готовы к работе с перезагрузкой браузера примера веб-сайта во время работы над компонентами Tabler React в папке /src.

Когда вы закончите работу над изменениями, отправьте PR с подробностями и прикрепите снимок экрана, если вы изменили что-то визуально.

Лицензия

MIT © jonthomp, Аарон Коплан и другие участники.