Componentes
Navegación
Cabecera con buscador en escritorio, barra de pestañas en la vista app y una barra de categorías con iconos para filtrar de un toque.
Header (escritorio)#
pernocta
CategoryBar#
Desplazamiento horizontal con flechas y degradados en los bordes. El activo se rellena y subraya.
Chip#
Filtros rápidos. Seleccionado = borde negro de 2 px.
Tabs y SegmentedControl#
Área tranquila junto al faro.
TabBar (vista app)#
Fija abajo, solo por debajo de md. Respeta el área segura del iPhone. Activo en coral y con icono relleno.
Botón flotante mapa/lista#
Paginación, migas y acordeón#
API#
| Prop | Tipo | Por defecto | Descripción |
|---|---|---|---|
| CategoryBar.categories | { value, label, icon }[] | — | Pulsar el activo lo desactiva (null) |
| Chip.selected / onRemove | boolean / () => void | — | Estado y botón de quitar |
| TabBar.items | { key, label, icon, href, badge? }[] | — | 4–5 destinos máximo |
| TabBar.LinkComponent | ElementType | a | Pasa next/link para navegación cliente |
| SegmentedControl.options | { value, label, icon? }[] | — | 2–4 opciones |