Botones base
Botones base
ID: CAT-B-BUTTONSVariantes primitivas de boton. Sobre estas se construyen los botones aplicados del dashboard.
Botones basicos
| ID | Variante | Default | Hover | Waiting | Loading | Disabled | Success |
|---|---|---|---|---|---|---|---|
| BotonBasico | primario | ||||||
| BotonBasico | secundario | ||||||
| BotonBasico | peligro | - | |||||
| BotonBasico | exito |
Botones basicos con icono
| ID | Variante | Default | Hover | Waiting | Loading | Disabled | Success |
|---|---|---|---|---|---|---|---|
| BotonBasicoIcono | primario | ||||||
| BotonBasicoIcono | secundario | ||||||
| BotonBasicoIcono | exito | ||||||
| BotonBasicoIcono | peligro | - |
Boton con contador (BotonCounter)
| ID | Variante | Default | Hover | Waiting | Loading | Disabled | Success |
|---|---|---|---|---|---|---|---|
| BotonCounter | primario | ||||||
| BotonCounter | secundario | ||||||
| BotonCounter | exito | ||||||
| BotonCounter | peligro | - |
Boton toggle
| ID | Estado | Default | Waiting | Loading | Success | Disabled |
|---|---|---|---|---|---|---|
| BotonToggle | isActive=true | |||||
| BotonToggle | isActive=false |
Botones iconos chicos
| ID | Variante | Default | Hover | Waiting | Loading | Success | Disabled |
|---|---|---|---|---|---|---|---|
| BotonIcono | default / sm | ||||||
| BotonIcono | warning / sm | ||||||
| BotonIcono | danger / sm | - |
Botones iconos grandes
| ID | Variante | Default | Hover | Waiting | Loading | Success | Disabled |
|---|---|---|---|---|---|---|---|
| BotonIcono | default / lg |
Boton favorito
| ID | Estado | Default | Loading | Disabled |
|---|---|---|---|---|
| BotonFavorito | isFavorite=true | |||
| BotonFavorito | isFavorite=false |
Botones de menu (navegacion)
| ID | Variante | Default | Hover | Active |
|---|---|---|---|---|
| BotonMenu | nav | Inicio | ||
| BotonMenu | collapsed | — |