Bitys React Components

Biblioteca de componentes reutilizáveis para React, com suporte a Bootstrap 5 e styled-components.

Instalação

npm install bitys-react-components

Peer dependencies: react, react-dom, bootstrap, reactstrap, react-icons, styled-components

Componentes

CardFilter

Card colapsável para agrupar filtros de busca. Inclui botão "Buscar" e toggle para expandir/recolher o conteúdo. Ideal para telas de listagem com critérios de filtro.

InputCheck

Checkbox estilizado com label opcional. Aceita value, onChange e demais props nativas de input, com suporte a customização via estilos no container e no label.

DataGridView

Tabela de dados completa com ordenação por coluna, paginação (básica ou avançada), busca em tempo real e exportação (Excel, CSV, PDF). Configurável por config (idioma, botões, tamanho de página, etc.) e colunas definidas via columns + data.

Uso básico

import { CardFilter, InputCheck, DataGridView } from 'bitys-react-components';

// CardFilter: envolva seus campos de filtro
<CardFilter onChange={handleSearch}>
  <input type="text" placeholder="Nome" />
</CardFilter>

// InputCheck: checkbox com label
<InputCheck label="Aceito os termos" value={checked} onChange={handleChange} />

// DataGridView: tabela com columns e data
<DataGridView columns={columns} data={rows} config={config} onChange={handleChange} />

Licença

MIT