Eureka UI

Eureka UI es una librería de componentes React basada en Tailwind CSS. Proporciona piezas reutilizables para construir interfaces modernas de forma ágil.

Instalación

npm install eureka-ui

Uso rápido

import { Button, Accordion } from 'eureka-ui'

export default function Example() {
  return <Button>Hola</Button>
}

Componentes

La carpeta src/components agrupa todos los elementos principales de la librería.

Catálogo

• Catalogo – Contenedor con filtros, búsqueda y ordenamiento de productos.
• CardProducto, Buscador, Filtros, GridProductos y BotonesAccion complementan al catálogo.

Formulario

• Formulario – Soporta pasos múltiples y validaciones.
• FormBox, FormGrid, FormInputs y FormSeparator permiten estructurar los formularios.

Perfil de usuario

• PerfilUsuario – Vista general del usuario con secciones reutilizables.
• Bloques: PerfilPersonal, PerfilDomicilios, Finanzas y Wallet.

Punto de venta

• VentaProceso y VentasGrid para flujos de venta.

QRScannerCard

• Componente para escanear códigos QR en la interfaz.

Tablas

• Table – Tabla compleja con filtros, ordenamiento y arrastre de filas.
• Tabla – Implementación básica de tabla.

eCommerce

Componentes para experiencias de comercio electrónico:

• Alert, CartItem, FilterBar, Footer, Hero, MenuBar, OrderSummary, PaymentMethod, ProductDetailCard, ProductInfo, ImageGallery, ShippingInfo, ShippingProviders, SimpleGrid y ToolTip.

UI genérica

Colección de componentes utilitarios que pueden usarse de forma independiente:

• Accordion, AcordeonCard, AdvancedSelect, Alerta, Badge, Boton, Button, Card, Chart, Checkbox, DatePicker, FormGenerator, Input, KPI, KPIList, LazyImage, Login, MenuLateral, Modal, NotificationsCenter, Radio, RangeSlider, ResumenDetalle, Select, SelectAvanzado, SignaturePad, Snackbar, Switch, Tabs, Tooltip, Upload y UploadImage.

Para revisar las propiedades de cada uno consulta src/components/README.md para los componentes principales y src/components/ui/README.md para los de la carpeta ui.

Desarrollo

El repositorio incluye configuraciones de Rollup y Tailwind. Para compilar la versión de distribución ejecute:

npm run build

Para ejecutar las pruebas unitarias use:

npm test