Para incorporar el diseño al elemento del botón solo colocar las clases disponibles para este:
| Clase |
Propiedades propias |
Valores extras |
|
|
-
color
- bordered (Agrega bordes y quita enfoque)
- no-efx (Quita los efectos hover)
- no-focus (Quita el enfoque)
|
Con colores default y alternate
|
|
-
color
- bordered (Agrega bordes y quita enfoque)
- no-efx (Quita los efectos hover)
|
Con colores default y alternate
|
|
|
|
|
- color (No tiene color en link)
|
|
Propiedades Propias
| Propiedad |
Detalles |
<button class="h-btn"> color="default">Botón</button>
|
Para fondos oscuros
|
<button class="h-btn"> color="alternate">Botón</button>
|
Para fondos claros
|
<button class="h-btn"> color="primary">Botón</button>
|
|
<button class="h-btn"> color="secondary">Botón</button>
|
|
<button class="h-btn"> color="success">Botón</button>
|
|
<button class="h-btn"> color="warning">Botón</button>
|
|
<button class="h-btn"> color="danger">Botón</button>
|
|
<button class="h-btn"> color="info">Botón</button>
|
|
<button class="h-btn"> color="light">Botón</button>
|
|
<button class="h-btn"> color="dark">Botón</button>
|
|