## Button
Botones comúnmente usados.
### Uso básico
::: demo Use `type`, `plain` y `round` para definir estilos a los botones.
```html
Default
Primary
Success
Info
Warning
Danger
Plain
Primary
Success
Info
Warning
Danger
Round
Primary
Success
Info
Warning
Danger
```
:::
### Botón deshabilitado
El atributo `disabled` determina su un botón esta deshabilitado.
:::demo Use el atributo `disabled` para determinar si un botón esta deshabilitado. Acepta un valor `Boolean`.
```html
Default
Primary
Success
Info
Warning
Danger
Plain
Primary
Success
Info
Warning
Danger
```
:::
### Botón de texto
Botones sin borde ni fondo.
:::demo
```html
Text Button
Text Button
```
:::
### Botón icono
Use iconos para darle mayor significado a Button. Se puede usar simplemente un icono o un icono con texto.
:::demo Use el atributo `icon` para agregar un icono. Puede encontrar el listado de iconos en el componente de iconos. Agregar iconos a la derecha del texto se puede conseguir con un tag ``. También se pueden usar iconos custom.
```html
Search
Upload
```
:::
### Grupo de botones
Mostrar un grupo de botones puede ser usado para mostrar un grupo de operaciones similares.
:::demo Use el tag `` para agrupar sus botones.
```html
Previous Page
Next Page
```
:::
### Botón de descarga
Cuando se hace clic en un botón para descargar datos, el botón muestra un estado de descarga.
:::demo Sete el atributo `loading` a `true` para mostrar el estado de descarga.
```html
Loading
```
:::
### Tamaños
Además del tamaño por defecto, el componente Button provee tres tamaños adicionales para utilizar en diferentes escenarios.
:::demo Use el atributo `size` para setear tamaños adicionales con `medium`, `small` or `mini`.
```html
Default
Medium
Small
Mini
Default
Medium
Small
Mini
```
:::
### Atributos
| Atributo | Descripción | Tipo | Valores aceptados | Default |
|---------- |-------- |---------- |------------- |-------- |
| size | tamaño del botón | string | medium / small / mini | — |
| type | tipo de botón | string | primary / success / warning / danger / info / text | — |
| plain | determinar si es o no un botón plano | boolean | — | false |
| round | determinar si es o no un botón redondo | boolean | — | false |
| loading | determinar si es o no un botón de descarga | boolean | — | false |
| disabled | deshabilitar el botón | boolean | — | false |
| icon | nombre de la clase del icono | string | — | — |
| autofocus | misma funcionalidad que la nativa `autofocus` | boolean | — | false |
| native-type | misma funcionalidad que la nativa `type` | string | button / submit / reset | button |