Como explicamos en la sección de estándares de uso, el eje destacado con ícono te permite presentar con un ícono a color, un título y una breve descripción un principio, valor o eje de gestión, una funcionalidad o beneficio de un producto o un concepto importante de un contenido.

La presentación puede ser a 1, 2, 3 o 4 columnas con el ícono y los textos centrados.

Para insertar uno o varios ejes, copiá el bloque de código de abajo, editalo y pegalo entre dos párrafos con una línea libre arriba y abajo.

El bloque de código corresponde a un solo eje. Por lo tanto, debés editar y pegar al menos dos bloques (uno a continuación del otro) si es a dos columnas, al menos tres si es a tres columnas y al menos cuatro bloques si es a cuatro columnas.

[[colNÚMERO-{
[[ejes-{Título del eje}-{Párrafo de texto con descripción del eje.}-{ícono-de-Poncho}-{color-de-Poncho}]]
}-]]

En la primera línea, en lugar de colNÚMERO informá la cantidad de columnas que va a tener el componente.

• una columna se escribe col1;
• dos columnas se escribe col2;
• tres columnas se escribe col3;
• cuatro columnas se escribe col4.

A partir de la segunda línea del bloque, escribí el título y la descripción entre sus respectivas llaves {}, informá el nombre del ícono entre llaves en ícono-de-Poncho y el color de Poncho entre llaves en color-de-Poncho.

Elegí el ícono de la librería de Poncho. Podés buscar entre toda la variedad de íconos que hay por palabras clave. Cuando encuentres uno que se ajuste a la información, hacé clic en el ícono, copiá el nombre que te informa a continuación y pegalo en tu código.

Elegí el color de la paleta de Poncho. Copiá el nombre del color que se ajuste a la información y pegalo en tu código.

Por ejemplo, el bloque de código

[[col1-{
[[ejes-{Eje o concepto}-{Breve texto que desarrolla el eje o concepto en un solo párrafo sin hipervínculos.}-{icono-arg-bailar}-{text-arg-mandarina}]]
}-]]

muestra la siguiente información a una columna.

El bloque de código

[[col2-{
[[ejes-{Eje o concepto}-{Breve texto que desarrolla el eje o concepto en un solo párrafo sin hipervínculos.}-{icono-arg-bailar}-{text-arg-mandarina}]]
}-]]
[[col2-{
[[ejes-{Eje o concepto}-{Breve texto que desarrolla el eje o concepto en un solo párrafo sin hipervínculos.}-{icono-arg-juegos}-{text-arg-palta}]]
}-]]

muestra la siguiente información a dos columnas.

El bloque de código

[[col3-{
[[ejes-{Eje o concepto}-{Breve texto que desarrolla el eje o concepto en un solo párrafo sin hipervínculos.}-{icono-arg-bailar}-{text-arg-mandarina}]]
}-]]
[[col3-{
[[ejes-{Eje o concepto}-{Breve texto que desarrolla el eje o concepto en un solo párrafo sin hipervínculos.}-{icono-arg-juegos}-{text-arg-palta}]]
}-]]
[[col3-{
[[ejes-{Eje o concepto}-{Breve texto que desarrolla el eje o concepto en un solo párrafo sin hipervínculos.}-{icono-arg-comida}-{text-arg-lima }]]
}-]]

muestra la siguiente información a tres columnas.

Por su parte, el bloque de código

[[col4-{
[[ejes-{Eje o concepto}-{Breve texto que desarrolla el eje o concepto en un solo párrafo sin hipervínculos.}-{icono-arg-bailar}-{text-arg-mandarina}]]
}-]]
[[col4-{
[[ejes-{Eje o concepto}-{Breve texto que desarrolla el eje o concepto en un solo párrafo sin hipervínculos.}-{icono-arg-juegos}-{text-arg-palta}]]
}-]]
[[col4-{
[[ejes-{Eje o concepto}-{Breve texto que desarrolla el eje o concepto en un solo párrafo sin hipervínculos.}-{icono-arg-comida}-{text-arg-lima}]]
}-]]
[[col4-{
[[ejes-{Eje o concepto}-{Breve texto que desarrolla el eje o concepto en un solo párrafo sin hipervínculos.}-{icono-arg-viajero}-{text-arg-arandano}]]
}-]]

muestra la siguiente información a cuatro columnas.

Volver al índice