tabler react

업데이트 - 2019년 6월: 버전 2

이제 NPM에서 알파를 사용할 수 있습니다.

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

최신 진행 상황을 확인하고 이 지점에 참여하거나 이 문제에 대한 생각과 요청을 추가하세요.

테이블러 리액트

Tabler Dashboard UI 키트의 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-app 기반 데모 웹사이트입니다.

로컬 복사본을 설정하고 실행하려면 다음을 수행하십시오.

1. git clone https://github.com/tabler/tabler-react 사용하여 이 저장소를 복제하세요.
2. 루트 폴더에서 yarn install 실행하세요.
3. 예제 폴더에서 yarn install 실행하세요.
4. 별도의 터미널 창에서 루트 및 예제 폴더에서 yarn start 실행합니다.

이제 /src 폴더의 Tabler React 구성 요소에 대해 작업하는 동안 예제 웹 사이트를 라이브 브라우저로 다시 로드하여 실행해야 합니다.

변경 작업이 완료되면 세부 정보가 포함된 PR을 제출하고 시각적으로 변경된 사항이 있는 경우 스크린샷을 포함하세요.

특허

MIT © jonthomp, AaronCoplan 및 기여자.