tabler react

Atualização - junho de 2019: Versão 2

Alfa agora disponível no NPM:

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

Confira o progresso mais recente e envolva-se neste ramo, ou adicione suas opiniões e solicitações a este assunto.

Reação do Tabler

Implementação React do Tabler Dashboard UI Kit

Demonstração | Documentação | Problemas | Folga .

Instalar

Certifique-se de ter o Node.js 8+ e o fio instalados.

yarn add tabler-react

Exemplo

 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 >
    ) ;
  }
}

Para mais exemplos e documentação, consulte o site de demonstração

Contribuindo

Existem muitas oportunidades para se envolver. Escolha uma tarefa excelente, conte-nos no que você está trabalhando e tire suas dúvidas.

O pacote é composto por 2 pastas principais:

• /src contém todos os componentes do Tabler React
• /example é nosso site de demonstração baseado em create-react-app

Para configurar e executar uma cópia local:

1. Clone este repositório com git clone https://github.com/tabler/tabler-react
2. Execute yarn install na pasta raiz
3. Execute yarn install na pasta de exemplo
4. Em janelas de terminal separadas, execute yarn start nas pastas raiz e de exemplo.

Agora você deve estar pronto para recarregar o navegador ao vivo do site de exemplo enquanto trabalha nos componentes do Tabler React na pasta /src.

Quando terminar de trabalhar nas alterações, envie um PR com os detalhes e inclua uma captura de tela se você alterou alguma coisa visualmente.

Licença

MIT © jonthomp, AaronCoplan e os colaboradores.