Botones Las botones de Poncho usan html, clases de Bootstrap y tienen funcionalidades opcionales para optimizar su vista en dispositivos móviles. Acciones de botones según color Botón de enlace Acción por defecto. Pueden haber varios de estos botones en una misma página, pero no deben haber varios en un mismo grupo de botones. Botón <button type="button" class="btn btn-primary">Botón</button> Botones de enlace secundario o información Acción secundaria. Pueden haber varios botones por página y por grupo de botones. Se usa en combinación con un botón de enlace o de acción principal, o pueden estar solos. Botón <button type="button" class="btn btn-link">Botón</button> Acción principal o exitosa Call to action. Sólo puede haber uno por página. Se usa para ingresar a un sitio o avanzar en un formulario. Botón <button type="button" class="btn btn-success">Botón</button> Atención o peligro Acción terminante o irreversible. Usar para borrar o cancelar algo. Botón <button type="button" class="btn btn-danger">Botón</button> Botones para etiquetas Botón <button type="button" class="btn btn-default btn-tag">Botón</button> Estados y variaciones Estado Botón Código Normal Botón <button type="button" class="btn btn-primary">Botón</button> Encima Botón No es necesario, es automático. En foco Botón No es necesario, es automático. Deshabilitado Botón <button type="button" class="btn btn-primary disabled">Botón</button> Con ícono Botón <button type="button" class="btn btn-primary"><i class="fa fa-user"></i> Botón</button> Cargando Botón <button type="button" class="btn btn-primary state-loading">Botón</button> Botón chico Botón <button type="button" class="btn btn-primary btn-sm">Botón</button>