FILTROS AVANZADOS / R2
Catálogo con panel lateral
Búsqueda visible y criterios avanzados que se aplican cuando tú decides.
Catálogo de productos
24 productos ficticios · Sin conexión a inventario ni precios reales
Productos de ejemplo
24 productos| Categoría | Almacén | Existencias | Importe | Estado | |
|---|---|---|---|---|---|
| Café molido 500 gDEMO-101 | Alimentos | Central | 0 | 5,50 USD | Borrador |
| Arroz blanco 1 kgDEMO-102 | Alimentos | Norte | 6 | 7,50 USD | Activo |
| Aceite de oliva 500 mlDEMO-103 | Alimentos | Central | 9 | 9,50 USD | Activo |
| Galletas integralesDEMO-104 | Alimentos | Norte | 12 | 11,50 USD | Activo |
| Té verdeDEMO-105 | Alimentos | Central | 0 | 13,50 USD | Activo |
| Pasta cortaDEMO-106 | Alimentos | Norte | 18 | 15,50 USD | Borrador |
| Miel de floresDEMO-107 | Alimentos | Central | 21 | 17,50 USD | Activo |
| Chocolate negroDEMO-108 | Alimentos | Norte | 24 | 19,50 USD | Activo |
| Toallas de algodónDEMO-201 | Hogar | Central | 0 | 10,50 USD | Borrador |
| Organizador de cocinaDEMO-202 | Hogar | Norte | 6 | 12,50 USD | Activo |
| Lámpara de mesaDEMO-203 | Hogar | Central | 9 | 14,50 USD | Activo |
| Vaso de cerámicaDEMO-204 | Hogar | Norte | 12 | 16,50 USD | Activo |
| Cojín decorativoDEMO-205 | Hogar | Central | 0 | 18,50 USD | Activo |
| Mantel de linoDEMO-206 | Hogar | Norte | 18 | 20,50 USD | Borrador |
| Cesta de fibrasDEMO-207 | Hogar | Central | 21 | 22,50 USD | Activo |
| Juego de sábanasDEMO-208 | Hogar | Norte | 24 | 24,50 USD | Activo |
| Ventilador de pedestalDEMO-301 | Tecnología | Central | 0 | 15,50 USD | Borrador |
| Batidora de sobremesaDEMO-302 | Tecnología | Norte | 6 | 17,50 USD | Activo |
| AuricularesDEMO-303 | Tecnología | Central | 9 | 19,50 USD | Activo |
| Teclado compactoDEMO-304 | Tecnología | Norte | 12 | 21,50 USD | Activo |
| Ratón inalámbricoDEMO-305 | Tecnología | Central | 0 | 23,50 USD | Activo |
| Altavoz portátilDEMO-306 | Tecnología | Norte | 18 | 25,50 USD | Borrador |
| Cargador USBDEMO-307 | Tecnología | Central | 21 | 27,50 USD | Activo |
| Soporte de monitorDEMO-308 | Tecnología | Norte | 24 | 29,50 USD | Activo |
No hay coincidencias
Los criterios siguen aplicados. Puedes editarlos en el panel.
24 productos ficticios.
Contrato R2 y alcance del ejemplo
La biblioteca proporciona el diálogo modal, el foco, el borrador y las piezas visuales. Este Catálogo es un consumidor ficticio que define campos, defaults, validación y filtrado local. Holbran no instala la biblioteca ni cambia su pantalla de Catálogo.
Los filtros de categorías usan parámetros repetidos. Buscar, aplicar, limpiar y quitar un criterio reinician únicamente products_page, conservando otros parámetros. Atrás y recargar reconstruyen los valores aplicados. Este ejemplo necesita JavaScript y un navegador con dialog.showModal.
Guía y responsabilidades del consumidor →