Sui Reactjs

Conjunto de componentes sellers

Instalação

npm:

npm i @forsellersapp/sui-reactjs

yarn:

yarn add @forsellersapp/sui-reactjs

Uso

Importe o componente que deseja em seu projeto

import { useMemo } from 'react'
import { SpreadSheet } from "@forsellersapp/sui-reactjs";

function MyComponent() {
  const columns = useMemo(() => {
    [{ id: "name" label: "Nome" }]
  }, [])

  const data = useMemo(() => {
    [
      {
        "name": "Joe"
      }
    ]
  }, [])

  return (
    <Table columns={columns} data={data}>
  )
}

Criando novos componentes

Esta biblioteca foi criada utilizando Storybooks com Typescript e React, para mais informações sobre como o Storybooks funciona acesse agora mesmo https://storybook.js.org/.

Para começar o desenvolvimento clone o projeto e digite os seguintes comandos após ter instalado os pacotes.

Em um terminal:

npm start

Em outro terminal:

npm run storybooks

Um ambiente será aberto para que você possa testar os componentes.