Poner botones


Los botones permiten jerarquizar las acciones principales que tiene un contenido. Pueden tener 3 colores y 3 tamaños distintos, según la función que cumplan.

Cuándo y cómo usar los botones

El color y el tamaño estarán relacionados a la acción que se pretende y al rol que tenga dentro del contenido.

Botón verde [btn-success]: este botón se utiliza para aquellas acciones que inician, continúan o terminan un proceso. Por ejemplo: registrarse, iniciar reclamo, consultar estado de trámite etc. Al ser una acción principal del contenido debe ir en TAMAÑO GRANDE. No debería haber más de uno por landing/página.

Botón azul [btn-primary]: se utiliza para todas aquellas acciones destacadas del contenido (ATAJOS) o que agrupan contenidos de una sección. Por ejemplo: Ver todas las noticias, atajos de segundo nivel, etc. Al ser una acción destacada debe ir en TAMAÑO NORMAL.
En el caso de utilizarlo para acciones del contenido que se repiten en la landing o página puede usarse en TAMAÑO CHICO. Ejemplo: dentro de un Alerta, en el módulo de descargas, etc.

Botón gris [btn-default]: indican acciones secundarias y/o de navegación dentro de la pagina/landing. Por ejemplo: volver al índice, acciones en una tabla o aquellos links que sea necesario destacar un poco más que el enlace común.

Escribir el botón
  1. Abrí corchetes rectos.
  2. Escribí la acción principal que querés que haga el usuario. Ejemplo: Conocé más sobre el plan Argentina 2030
  3. Cerrá el corchete.
  4. Abrí paréntesis, escribí la URL, cerrá paréntesis.
  5. Abrí la llave { } y escribí el tipo de botón que corresponda. Cerrá la llave.


Ir a argentina.gob.ar

    [Botón verde grande](https://www.argentina.gob.ar){.btn.btn-lg.btn-success}

    [Botón verde mediano](https://www.argentina.gob.ar){.btn.btn-success}

    [Botón verde chico](https://www.argentina.gob.ar){.btn.btn-success.btn-sm}


Ir a argentina.gob.ar

    [Botón azul grande](https://www.argentina.gob.ar){.btn.btn-lg.btn-primary}

    [Botón azul mediano](https://www.argentina.gob.ar){.btn.btn-primary}

    [Botón azul chico](https://www.argentina.gob.ar){.btn.btn-primary.btn-sm}


Ir a argentina.gob.ar

    [Botón gris grande](https://www.argentina.gob.ar){.btn.btn-lg.btn-link}

    [Botón gris mediano](https://www.argentina.gob.ar){.btn.btn-link}

    [Botón gris chico](https://www.argentina.gob.ar){.btn.btn-link.btn-sm}