Venus Library

Librería de componentes React personalizables basada en Material UI, diseñada para acelerar el desarrollo de aplicaciones web con tablas, botones y barras de búsqueda reutilizables y altamente configurables.

Instalación

npm install venus-library
# o
yarn add venus-library

Nota: Asegúrate de tener instaladas las dependencias de Material UI y React 17+.

Componentes Principales

1. GeneralTableComponent

Componente de tabla flexible y personalizable con soporte para:

• Paginación (table o simple)
• Temas de color y estilos
• Barra de búsqueda con debounce
• Acciones por fila (ver, descargar)
• Responsive y scroll personalizable

Ver documentación completa

2. Searchbar

Barra de búsqueda reutilizable con:

• Debounce configurable
• Íconos personalizados
• Color y estilos personalizables
• Tooltip automático

Ver documentación completa

3. Botones Personalizados

Incluye:

• CustomButton: Botón configurable con íconos, tooltips y estilos.
• TablesButtons: Grupo de botones para acciones en tablas (ver, descargar).

Ver documentación completa

Ejemplo de Uso

import GeneralTableComponent from 'venus-library/src/components/TableComponent/GeneralTableComponent';
import Searchbar from 'venus-library/src/components/Searchbar/Searchbar';
import CustomButton from 'venus-library/src/components/Buttons/CustomButton';
import TablesButtons from 'venus-library/src/components/Buttons/TablesButtons';

// ...ver documentación de cada componente para ejemplos detallados...

Personalización

• Todos los componentes aceptan props para personalizar colores, estilos y comportamientos.
• Puedes definir tus propios temas de color para tablas y botones.
• Soporte para estilos responsivos y scroll personalizado.

Contribución

¡Las contribuciones son bienvenidas! Por favor, abre un issue o pull request para sugerencias o mejoras.

Licencia

MIT