sui-reactjs v0.2.0

Sui Reactjs

Conjunto de componentes sellers

Instalação

npm:

npm i sui-reactjs

yarn:

yarn add sui-reactjs

Uso

Importe o componente que deseja em seu projeto

import { useMemo } from 'react'
import { Table } from 'sui-reactjs'

function MyComponent() {
  const columns = useMemo(() => {
    [{ label: 'Nome' }, { label: 'Data de exp' }, 'status']
  }, [])

  const rows = useMemo(() => {
    [['test', 'test', <>aaa</>]]
  }, [])

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

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.