DESY

Sistema de Diseño del Gobierno de Aragón

Pista

Opcional, es una descripción del dato a introducir.

Hint

Por defecto

Descripción visual

Caja rectangular con borde gris de 1px y fondo blanco. Contiene título h3 en negrita negro arriba, seguido de texto gris oscuro en peso normal. Padding interno generoso alrededor del contenido.

Esto es una pista o hint.

Mostrar códigodel ejemplo: Por defecto

Contenido

Nunjucks macro
{% from "components/hint/_macro.hint.njk" import componentHint %}
{{ componentHint({
  "text": "Esto es una pista o hint."
}) }}

Con html

Descripción visual

Caja rectangular con borde gris de 1px y fondo blanco. Contiene título h3 en negrita negro arriba, seguido de texto con formato mixto donde una palabra aparece en negrita dentro de la oración gris oscura. Padding interno generoso alrededor del contenido.

Esto es una pista o hint.

Mostrar códigodel ejemplo: Con html

Contenido

Nunjucks macro
{% from "components/hint/_macro.hint.njk" import componentHint %}
{{ componentHint({
  "html": "Esto es una <strong>pista</strong> o <em>hint</em>."
}) }}