Son estilos individuales, que transforman un texto seleccionado en un botón.

Para asignarse correctamente se deben seguir estos pasos.

  1. Seleccionar un texto escrito
  2. Asignar el tipo de botón
  3. Asignar el tamaño
  4. Añadir el enlace
  5. Opcional hacer que el enlace se abra en una ventana emergente Modal window.

 

Existen 6 colores de botón, en coordinación con el grupo de colores que revisamos previamente.
Y 5 modificadores de tamaño y estado para asignar a cada botón.

Colores:

Por defecto (default): Creará un botón neutro, gris.

Primary: Creará un botón azul

Success: Creará un botón verde

Info: Creará un botón azul más claro

Warning: Creará un botón amarillo

Danger: Creará un botón rojo

Enlace (link): Solo asignara el espacio de un botón a un enlace y puede transformarse en grande, mediano, pequeño o extra pequeño.

 

Default   Primary   Success   Info   Warning   Danger Enlace


Tamaños y estados.

Los tamaños disponibles para transformar tu botones son:

Grande   Pequeño  Extra pequeño


En bloque: Este tipo de tamaño abarca todo el ancho de un contenedor.

Botón en bloque


Desactivado: Este es un estado para asignar a tus botones, se ocupa habitualmente cuando quieres cancelar la acción de clic.

Botón activo    Botón inactivo