## Button Botones comúnmente usados. ### Uso básico :::demo Use `type`, `plain`,`round` y `circle` 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 Ajuste 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 | Por defecto | | ----------- | ---------------------------------------- | ------- | ---------------------------------------- | ----------- | | 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 | | circle | determine whether it's a circle button | 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 |