tabler react

Actualización - Junio ​​de 2019: Versión 2

Alfa ahora disponible en NPM:

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

Consulte los últimos avances e involúcrese en esta rama, o agregue sus ideas y solicitudes a este número.

Reaccionar en la mesa

Implementación de React del kit de interfaz de usuario del panel de Tabler

Demostración | Documentación | Problemas | flojo .

Instalar

Asegúrate de tener Node.js 8+ e hilo instalados.

yarn add tabler-react

Ejemplo

 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 obtener más ejemplos y documentación, consulte el sitio web de demostración.

Contribuyendo

Hay muchas oportunidades para involucrarse. Elija una tarea destacada, háganos saber en qué está trabajando y responda cualquier pregunta.

El paquete se compone de 2 carpetas principales:

• /src contiene todos los componentes de Tabler React
• /ejemplo es nuestro sitio web de demostración basado en create-react-app

Para configurar y ejecutar una copia local:

1. Clona este repositorio con git clone https://github.com/tabler/tabler-react
2. Ejecute yarn install en la carpeta raíz.
3. Ejecute yarn install en la carpeta de ejemplo.
4. En ventanas de terminal separadas, ejecute yarn start en las carpetas raíz y de ejemplo.

Ahora debería estar en funcionamiento con la recarga en vivo del navegador del sitio web de ejemplo mientras trabaja en los componentes de Tabler React en la carpeta /src.

Cuando haya terminado de trabajar en sus cambios, envíe un PR con los detalles e incluya una captura de pantalla si ha cambiado algo visualmente.

Licencia

MIT © jonthomp, AaronCoplan y los colaboradores.