Gobierno de España Dintel Diseño Normalizado de Trámites Electrónicos Inicio Primeros pasos Fundamentos Componentes Módulos Plantillas Tokens Soporte

Sección

Bloque de contenido introducido dentro del contenido principal de la página para automatizar y estandarizar los diferentes tipos de contenido y secciones que el usuario puede encontrar en una página web.

Vista Previa

Figma
header vista previa

Componentes principales

Tarjeta

Botones

Variantes

Visualización de comportamiento de la sección básica
Basic
Visualización de comportamiento de la sección con imagen
Image
Visualización de comportamiento de la sección con tarjeta
Card

Configuración de la información

Acción

En los Basic e Image sections, podrá configurarse entre una o dos acciones, y entre botón y link.

Visualización de comportamiento de la sección con un botón
1 botón
Visualización de comportamiento de la sección con dos links
2 link

Cards

En los Basic e Image sections, podrá configurarse entre una o dos acciones, y entre botón y link.

Visualización de comportamiento de la sección con tarjeta s a 3 columnas
Card informativa a 3 columnas
Visualización de comportamiento de la sección con tarjetas a 2 columnas
Card interactivas a 2 columnas

Usos

Visualización del uso de la sección básica
Basic Section
Visualización del uso de la sección imagen
Image Section
Visualización del uso de la sección card
Card Section

Responsive

Visualización del comportamiento de la sección en pantallas tamaño escritorio
Desktop
Visualización del comportamiento de la sección en pantallas tamaño móvil
Mobile