Design System Components

Componentes reutilizables del sistema POS para refaccionarias. Cada componente soporta ambos temas.

🔘

Buttons

Primary, secondary, danger, ghost, icon buttons. Todos los tamanos, estados y grupos.

Completo

Inputs

Text, number, search, select, checkbox, radio y toggle. Validacion y estados.

Completo
📄

Cards

Tarjetas de producto, cliente y resumen/dashboard con datos reales del POS.

Completo
📊

Tables

Tablas de inventario y ventas con sorting, paginacion, filtros y acciones.

Completo
🗀

Modals

Modales de formulario con overlay real e interactivos.

Completo
📑

Navigation

Sidebar, breadcrumbs y tabs. Navegacion principal del sistema POS.

Completo
🔔

Badges & Tags

Status badges, tags removibles, labels y contadores numericos.

Completo

Alerts & Toasts

Alert banners, toast notifications y alertas inline de validacion.

Completo
🔍

Search

Barra de busqueda con autocompletado y busqueda por vehiculo.

Completo
📚

Pagination

Paginacion completa, simple y para datasets grandes (1.4M+ partes).

Completo
📋

Dropdowns

Dropdown menus de acciones, select menus y context menus.

Completo
🔘

Toggles & Switches

Toggle switches, checkboxes y radio buttons con variantes de tamano.

Completo

Progress & Loading

Progress bars, spinners, dot loaders y skeleton loaders.

Completo
👤

Avatars

Avatares con iniciales, estados online/offline, grupos y contexto de usuario.

Completo
💬

Tooltips & Popovers

Tooltips informativos, info icons y popovers interactivos con acciones.

Completo
🏷

Chips

Filter chips, action chips, choice chips y barra de filtros aplicados.

Completo
🗨

Dialogs

Confirmaciones, advertencias, prompts de descuento y autorizacion PIN.

Completo
📑

Tabs (Contextuales)

Tabs para inventario, contabilidad, detalle de producto y configuracion.

Completo
📜

Accordion

Secciones colapsables para detalle de producto y FAQ. Interactivo.

Completo
📅

Date/Time Pickers

Inputs de fecha, calendario, rango de fechas y presets rapidos.

Completo