## Switch Switch es utilizdo para realizar cambios entre dos estados opuestos. ### Uso básico :::demo Enlace `v-model` a una variable de tipo `Boolean`. Los atributos `active-color` y `inactive-color` deciden el color de fondo en cada estado. ```html ``` ::: ### Texto de descripción :::demo Puede agregar los atributos `active-text` y `inactive-text` para mostrar los textos. ```html ``` ::: ### Tipos de valores extendidos :::demo Puede establecer los atributos `active-value` y `inactive-value`. Ambos reciben valores de tipo `Boolean`, `String` o `Number`. ```html ``` ::: ### Disabled :::demo Agregar el atributo `disabled` desactiva el componente Switch. ```html ``` ::: ### Atributos | Atributo | Descripción | Tipo | Valores aceptados | Por defecto | | ------------------- | ---------------------------------------- | ------------------------- | ----------------- | ----------- | | disabled | si Switch esta deshabilitado | boolean | — | false | | width | ancho del componente Switch | number | — | 40 | | active-icon-class | nombre de la clase del icono mostrado en el estado `on`, sobreescribe `active-text` | string | — | — | | inactive-icon-class | nombre de la clase del icono mostrado en el estado `off`, sobreescribe `inactive-text` | string | — | — | | active-text | texto mostrado en el estado `on` | string | — | — | | inactive-text | texto mostrado en el estado `off` | string | — | — | | active-value | cambia su valor cuando se encuentra en el estado `on` | boolean / string / number | — | true | | inactive-value | cambia su valor cuando se encuentra en el estado `off` | boolean / string / number | — | false | | active-color | color de fondo cuando se encuentra en el estado `on` | string | — | #409EFF | | inactive-color | color de fondo cuando se encuentra en el estado `off` | string | — | #C0CCDA | | name | nombre de entrada del componente Switch | string | — | — | ### Eventos | Nombre del evento | Descripción | Parametro | | ----------------- | --------------------------------- | --------- | | change | se dispara cuando el valor cambia | valor | después de cambiar ### Metodos | Metodo | Descripción | Parametro | | ------ | ------------------------- | --------- | | focus | foco al componente Switch | — |