Incluir alerta
Llamá la atención de los usuarios sobre una información en particular dentro de cualquier contenido.
En esta página
- Información destacada o notificación: info (azul acero)
- Información de advertencia: warning (amarillo)
- Información positiva: success (verde)
- Información de gravedad o emergencia: danger (rojo)
Si aún no lo hiciste, primero leé atentamente la sección en la que explicamos qué son las alertas, para qué sirve cada tipo y los estándares de uso.
Información destacada o notificación: info
Para insertar una alerta info, copiá el siguiente código, editalo y pegalo entre dos párrafos con una línea libre arriba y abajo.
[[alerta-{Texto del título (no obligatorio) entre llaves}-{Un párrafo de texto (obligatorio) entre llaves. Puede tener negrita, cursiva e hipervínculos.}-{nombre del ícono (no obligatorio) entre llaves}-{info}]]
Por ejemplo, para insertar la siguiente alerta info con título, cuerpo de texto con hipervínculo e ícono
Tina, en tu Whatsapp
La asistente virtual del Estado nacional está siempre disponible para vos en el número 11 39101010.
deberíamos escribir este código
[[alerta-{Tina, en tu Whatsapp}-{La asistente virtual del Estado nacional está siempre disponible para vos en el número [11 39101010](blank:#https://api.whatsapp.com/send?phone=5491139101010).}-{icono-arg-tina}-{info}]]
Para insertar, en cambio, la siguiente alerta solo con cuerpo de texto e hipervínculo, sin título ni ícono
Tina, la asistente virtual del Estado nacional, está siempre disponible para vos en el Whatsapp 11 39101010.
deberíamos escribir este código.
[[alerta-{}-{Tina, la asistente virtual del Estado nacional, está siempre disponible para vos en el Whatsapp [11 39101010](blank:#https://api.whatsapp.com/send?phone=5491139101010).}-{}-{info}]]
Información de advertencia: warning
Para insertar una alerta warning, copiá el siguiente código, editalo y pegalo entre dos párrafos con una línea libre arriba y abajo.
[[alerta-{Texto del título (no obligatorio) entre llaves}-{Un párrafo de texto (obligatorio) entre llaves. Puede tener negrita, cursiva e hipervínculos.}-{nombre del ícono (no obligatorio) entre llaves}-{warning}]]
Por ejemplo, para insertar la siguiente alerta warning con título, cuerpo de texto con negrita e ícono
No te olvides
Tenés plazo para presentar la documentación hasta el 30 de abril.
deberíamos escribir este código
[[alerta-{No te olvides}-{Tenés plazo para presentar la documentación hasta el **30 de abril**.}-{icono-arg-calendario-2}-{warning}]]
Para insertar, en cambio, la siguiente alerta solo con cuerpo de texto y negrita, sin título ni ícono
No te olvides: tenés plazo para presentar la documentación hasta el 30 de abril.
deberíamos escribir este código.
[[alerta-{}-{**No te olvides:** tenés plazo para presentar la documentación hasta el **30 de abril**.}-{}-{warning}]]
Información positiva: success
Para insertar una alerta success, copiá el siguiente código, editalo y pegalo entre dos párrafos con una línea libre arriba y abajo.
[[alerta-{Texto del título (no obligatorio) entre llaves}-{Un párrafo de texto (obligatorio) entre llaves. Puede tener negrita, cursiva e hipervínculos.}-{nombre del ícono (no obligatorio) entre llaves}-{success}]]
Por ejemplo, para insertar la siguiente alerta success con título, cuerpo de texto e ícono
Sube llegó a San Miguel de Tucumán
Usala para viajar en las casi 370 líneas de colectivos de la ciudad.
deberíamos escribir este código
[[alerta-{Sube llegó a San Miguel de Tucumán}-{Usala para viajar en las casi 370 líneas de colectivos de la ciudad.}-{icono-arg-sube}-{success}]]
Para insertar, en cambio, la siguiente alerta solo con dos párrafos de cuerpo de texto, sin título ni ícono
Sube llegó a San Miguel de Tucumán.
Usala para viajar en las casi 370 líneas de colectivos de la ciudad.
deberíamos escribir este código.
[[alerta-{}-{Sube llegó a San Miguel de Tucumán.
Usala para viajar en las casi 370 líneas de colectivos de la ciudad.}-{}-{success}]]
Información de gravedad o emergencia: danger
Para insertar una alerta danger, copiá el siguiente código, editalo y pegalo entre dos párrafos con una línea libre arriba y abajo.
[[alerta-{Texto del título (no obligatorio) entre llaves}-{Un párrafo de texto (obligatorio) entre llaves. Puede tener negrita, cursiva e hipervínculos.}-{nombre del ícono (no obligatorio) entre llaves}-{danger}]]
Por ejemplo, para insertar la siguiente alerta danger con título, cuerpo de texto e ícono
Atención
La estación de tren está cerrada por obras hasta fines de abril.
deberíamos escribir este código
[[alerta-{Atención}-{La estación de tren está cerrada por obras hasta fines de abril.}-{icono-arg-elevacion-de-andenes}-{danger}]]
Para insertar, en cambio, la siguiente alerta solo con cuerpo de texto con negrita, sin título ni ícono
Atención: la estación de tren está cerrada por obras hasta fines de abril.
deberíamos escribir este código.
[[alerta-{}-{**Atención:** la estación de tren está cerrada por obras hasta fines de abril.}-{}-{danger}]]