Skip to content

tecsinapse/ui-kit

Repository files navigation

Para novos projetos utilize o design-system

Tecsinapse UI-KIT

Build Status Coverage Status

@tecsinapse/ui-kit é um conjuntos de bibliotecas contendo diversos componentes React para facilitar sua vida ;)

Neste repositório estão as seguintes bibliotecas:

Package folder Feature
@tecsinapse/ui-kit ui-ki npm version
@tecsinapse/uploader uploader npm version
@tecsinapse/carousel carousel npm version
@tecsinapse/pickers pickers npm version
@tecsinapse/wizard wizard npm version
@tecsinapse/table table npm version

Get Started

Para acessar os documentos acesse nosso storybook

É recomendável utilizar uma versão "node": ">=14.0.0" e yarn > 1.17

Para add em seu projeto:

    yarn add @tecsinapse/ui-kit

E adicione o ThemeProvider em seu projeto como abaixo:

import React from "react";
import ReactDOM from "react-dom";
import App from "./components/App/App";
import { ThemeProvider } from "@tecsinapse/ui-kit";

ReactDOM.render(
  <ThemeProvider variant="black">
    <App />
  </ThemeProvider>,

  document.getElementById("root")
);

Desenvolvimento

Para rodar localmente na porta 5555

    yarn && yarn dev

Para buildar e publicar a lib:

    npx lerna publish

Outras libs no ui-kit-verso

LIB Repo Storybook
@tecsinapse/chat Repo Storybook
@tecsinapse/login Repo Storybook
@tecsinapse/text-editor Repo Storybook
@tecsinapse/timeslot-selector Repo Storybook