Pasar al contenido principal

Bloque de trámite

Este componente se utiliza dentro de una página informativa de trámite e indica el estado del mismo. Desde él, la persona usuaria puede iniciar el trámite o ver en qué instancia se encuentra.

Tipos de bloque de trámite

Predeterminado

El bloque incluye un título y un botón primario a modo de llamado a la acción.

Bloque de trámite - Predeterminado

Con descripción

El bloque incluye un título, una breve bajada descriptiva y un botón primario a modo de llamado a la acción.

Bloque de trámite - Con descripción

Con barra de progreso

El bloque incluye un título, una barra de progreso y un botón primario a modo de llamado a la acción.

Bloque de trámite - Con barra de progreso

Diseño y estructura (contexto de uso)

Color del bloque de trámite

El boque de trámite puede tener un fondo primario o secundario. El que se utiliza por defecto es el fondo secundario, que coincide con el color del encabezado de la página.

Bloque de trámiteBloque de trámite

Uso

El bloque de trámite ocupa 4 columnas en desktop y se ubica a la derecha del cuerpo de la página del trámite. Tiene un comportamiento sticky, que acompaña el scroll del usuario. En mobile, el bloque ocupa todo el ancho disponible y se ubica debajo del encabezado de la página y antes del contenido del cuerpo.

Bloque de trámite - DesktopBloque de trámite - Mobile

Usabilidad

Buenas prácticas

Utilizar el componente para otorgar información y una acción relevante dentro de una página de trámite.

Malas prácticas

No utilizar este componente en otra página que no sea la plantilla de trámite.
No utilizar este componente para destacar información. Para ese caso, utilizar el componente Destacado.
Logo del sistema de diseño Obelisco
Los contenidos de buenosaires.gob.ar están licenciados bajo Creative Commons Reconocimiento 2.5 Argentina License.