Encabezados de página

[paulajoglar]

• Nombre en Obelisco:
• Tipo de componente:
• Ejemplo en bootstrap:
• Ejemplo de aplicación en BA:
• Requerimiento: Incorporar un componente (dentro de "Encabezados") que se comporte como encabezado de páginas internas del sitio. El componente debe ser lo suficientemente flexible para suplir las necesidades que hoy tenemos.

[LuCostas]

@Fcunsolo Facu, podrás actualizar estatus de este componente? Gracias!!

[Fcunsolo]

Requerimiento
Incorporar un componente (dentro de "Encabezados") que se comporte como encabezado de páginas internas del sitio. El componente debe ser lo suficientemente flexible para suplir las necesidades que hoy tenemos.

Análisis

• Se hace una auditoría de los encabezados de página existentes en las Plantillas maquetadas https://gcba.github.io/obelisco-demo/index.html
• Se identifican los elementos que componen estos encabezados: Breadcrumbs, Títulos, Bajadas, Etiquetas, Fechas de publicación, Redes, Paso a paso y navegación.
• Se identifican 2 tipos de backgrounds: Grisulado 1 y Blanco

Conclusión

• Se procede a armar un componente encabezado con todas las propiedades detalladas en el análisis.
• Se arma tanto Desktop como Mobile.
• Se puso especial atención a que sea un único componente controlado íntegramente por sus propiedades en Figma.
• El componente está nomenclado como "otros encabezados" (podría iterarse si se encuentra uno más adecuado)

Propiedades en Figma

Componentes Disponibilizados
Ejemplo con todas las propiedades activadas

Ejemplo paso a paso

Ejemplo navegación

Pendientes

• Hacer review interna de Branch https://www.figma.com/file/ToGlPBzfp1gKDmaCwKWtXS/branch/sNtADEou2diSGlCNhLrPds/UI-KIT---Obelisco?type=design
• Actualizar Ficha de Encabezados
• Mergear Branch a UI KIT
• Sumar "Otros encabezados" a Storybook