Componentes
Búsqueda
La búsqueda es la puerta de entrada. En escritorio, una gran píldora con tres segmentos; al hacer scroll se compacta. En la app, una píldora con sombra que abre la búsqueda a pantalla completa.
SearchBar (escritorio)#
El segmento activo se eleva en blanco sobre fondo gris y el botón coral se expande con la palabra “Buscar”.
CompactSearch#
MobileSearch (vista app)#
API#
| Prop | Tipo | Por defecto | Descripción |
|---|---|---|---|
| segments | { key, label, placeholder, value? }[] | — | 3 segmentos recomendados |
| active | string | null | — | Segmento abierto (muestra su panel) |
| onSegment / onSearch | (key) => void / () => void | — | Callbacks |
| MobileSearch.filterCount | number | — | Contador sobre el botón de filtros |