Componentes reutilizables

Presentación de datos, cuadros de diálogo y tablas

Encabezados y textos

h1. Encabezado de primer nivel

h2. Encabezado de segundo nivel

h3. Encabezado de tercer nivel

h4. Encabezado de cuarto nivel

h5. Encabezado de quinto nivel
h6. Encabezado de sexto nivel

Párrafos (strong, em, mark, a)

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus nihil nesciunt saepe perferendis repellat ratione aliquam expedita aliquid delenitiEnlace externo quasi animi laboriosam, molestias architecto recusandae dolor perspiciatis accusamus earum minima.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus nihil nesciunt saepe perferendis repellat ratione aliquam expedita aliquid deleniti quasi animi laboriosam, molestias architecto recusandae dolor perspiciatis accusamus earum minima.

Listas con viñeta

  • Lorem ipsum dolor sit amet.
  • Esse necessitatibus, adipisci saepe laboriosam.
    • Lorem ipsum dolor sit. Lorem ipsum dolor sit.Lorem ipsum dolor sit.Lorem ipsum dolor sit.Lorem ipsum dolor sit.Lorem ipsum dolor sit.Lorem ipsum dolor sit.
    • Assumenda cumque tenetur quidem.
    • Corrupti enim rem voluptate.
  • Neque tempore est, natus ad!
  • Ex labore officiis, tempore nemo!
    1. Lorem ipsum dolor sit.
    2. Assumenda cumque tenetur quidem.
    3. Corrupti enim rem voluptate.
  • Vitae libero, quae doloribus dignissimos?

Listas numeradas

  1. Lorem ipsum dolor sit amet.
  2. Esse necessitatibus, adipisci saepe laboriosam.
    1. Lorem ipsum dolor sit.
    2. Assumenda cumque tenetur quidem.
    3. Corrupti enim rem voluptate.
  3. Neque tempore est, natus ad!
    • Lorem ipsum dolor sit. Lorem ipsum dolor sit.Lorem ipsum dolor sit.Lorem ipsum dolor sit.Lorem ipsum dolor sit.Lorem ipsum dolor sit.Lorem ipsum dolor sit.
    • Assumenda cumque tenetur quidem.
    • Corrupti enim rem voluptate.
  4. Ex labore officiis, tempore nemo!
  5. Vitae libero, quae doloribus dignissimos?

Cuadros de diálogo

Guía para la creación de formularios digitales: Manejo de errores y mensajesEnlace externo

Cuadro de diálogo con listado

Notificaciones

Para mensajes de relevancia relativa, que no requieren acciones por parte del usuario.

Tablas

Guía para la creación de formularios digitales: TablasEnlace externo

Tabla 1. Título de tabla agregado con la etiqueta caption
Hora Temática Disertantes
08:30 Inscripción
09:00 Apertura Autoridades de Gobierno
09:30 Gobierno Digital en Uy: Avances y Desafíos  Juan Pérez
10:00 Corte
10:30 Transformación digital para un desarrollo sostenible Alicia Bárcenas, Fabricio Hochschild
11:30 Cooperación Internacional en la Era Digital Ministros del D9
12:30 Almuerzo
14:00 La próxima Frontera para los Servicios de Gobierno Panel de CIOs del D9
15:00 Transformación Digital en la región Panel de CIOs. Regionales
16:30 Impacto actual y futuro de la transformación digital Barbara Ubaldi, Vincenzo Aquaro, BID tbc
17:30 Principios Generales para la era Digital Web Foundation Keynote
18:00 Relatoría y cierre
Tabla 4. Tabla con botones
Remitente Asunto Fecha y Hora Acciones
MEF Resumen de activos de la empresa del mes de agosto 12/06/23 - 08:30
OPP Informe anual 2020 12/06/23 - 08:30
Juan Gonzáles Gestión de trámites internos 12/06/23 - 08:30
Tabla 5. Tabla con boton y menú contextual
Remitente Asunto Fecha y Hora Acciones
MEF Resumen de activos de la empresa del mes de agosto 12/06/23 - 08:30
OPP Informe anual 2020 12/06/23 - 08:30
Juan Gonzáles Gestión de trámites internos 12/06/23 - 08:30

Íconos

Los íconos se encuentran en la carpeta /assets/icons y en dos formatos: svg y png.