Saltar al contenido principal

SubheaderPanel

Uso​

El subtítulo es un componente secundario de navegación o información que aparece debajo del encabezado. Proporciona a los usuarios contexto, filtros, rutas de navegación o acciones adicionales relacionadas con la página o sección actual. El subtítulo mejora la usabilidad, ya que ofrece controles relevantes y, a la vez, mantiene una interfaz limpia.

Cuándo se debe utilizar​

La página incluye filtros, ordenamiento o acciones rápidas.

Cuándo no se debe utilizar​

  • El encabezado principal ya proporciona toda la información y los controles necesarios.
  • El contenido del subtítulo es demasiado complejo.

Anatomía​

Imagen que ilustra la anatomía de un subtítulo con pestañas

  1. Contenedor del subtítulo: La estructura principal que contiene los elementos del subtítulo. El subtítulo siempre se coloca debajo del encabezado principal.
  2. Pestañas (si corresponde): Permiten a los usuarios pasar de una sección o vista a otras dentro del subtítulo.

No todos los elementos son obligatorios. Incluya solo lo necesario para su caso de uso específico. El subtítulo es un componente abierto y flexible que puede incluir varios elementos en función de casos de uso específicos. Los equipos pueden personalizarlo agregando diferentes componentes, herramientas y funcionalidades según sea necesario, al tiempo que mantienen una experiencia optimizada.

Ejemplos de uso​

Ejemplos de uso del subtítulo, que muestran su naturaleza abierta y flexible.

Ejemplo de un subtítulo que utiliza pestañas Subtítulo con pestañas


Ejemplo de un subtítulo que utiliza botones Subtítulo con botones