Subtítulo

Subtítulo en Storybook

Note: Este componente debe utilizarse solo bajo el ámbito de los patrones de UX del encabezado y no se debe utilizar en situaciones aisladas o personalizadas.

El componente SubApplicationHeader renderiza un encabezado secundario para su aplicación.

Puede mostrar elementos utilizando las propiedades siguientes:

• contextSwitcher. Toma un objeto con un defaultLabel y una matriz de rutas.
• navigationRoutes. Toma una matriz de rutas. Puede establecer rutas anidadas para la navegación de varios niveles. Si hay demasiadas rutas que mostrar, el componente renderiza un menú “Más”.

Componentes personalizados

Use la propiedad renderCustomComponent para agregar componentes personalizados a su subtítulo. renderCustomComponent puede incluir ya sea el componente personalizado o una función que renderice el componente.

Su componente personalizado se colocará después de sus rutas. Si hay demasiadas rutas y se muestra el menú “Más”, el componente personalizado permanecerá en la pantalla. Tenga en cuenta que debe proporcionar su propio estilo para este componente.

Componentes personalizados en dispositivos móviles

Al ver el subtítulo en un dispositivo móvil o tablet, los componentes personalizados se renderizan en el menú de opciones. Esta funcionalidad solo se aplica cuando el subtítulo se utiliza como parte de un FloorPlan. Cuando no se utiliza FloorPlans, el componente personalizado no se renderiza en un dispositivo móvil.

Para ver ejemplos, consulte Storybook.