1.0.3 • Published 4 months ago
@atmgrupomaggioli/iris-select v1.0.3
iris-select
Properties
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
disabled | disabled | Indica si el select está deshabilitado. | boolean | false |
label (required) | label | Se mostrará como el label asociado al select. | string | undefined |
name | name | Permite identificar el select en formularios. | string | undefined |
optionDefault | option-default | Define el texto que se mostrará como opción predeterminada en el elemento <select> cuando no se haya realizado ninguna selección. | string | '[Seleccione un valor de la lista]' |
options | options | Define las opciones que se mostrarán en el elemento <select> del componente. | Option[] | [] |
required | required | Indica si el campo es obligatorio. | boolean | false |
rules | rules | Permite definir validaciones personalizadas con un array de reglas. | Rule[] | undefined |
tooltip | tooltip | Pequeño mensaje informativo que se muestra al pulsar en el icono de ayuda. | string \| string[] | undefined |
Events
| Event | Description | Type |
|---|---|---|
changeBlur | Evento que se emite cuando el campo pierde el foco. | CustomEvent<FocusEvent> |
valueSelectedChange | Evento que se emite cuando se cambia la opción del select. | CustomEvent<string> |
Methods
clear() => Promise<void>
Método para limpiar el valor seleccionado
Returns
Type: Promise<void>
getValue() => Promise<string>
Obtiene el valor seleccionado.
Returns
Type: Promise<string>
Valor seleccionado.
setValue(value: string) => Promise<void>
Establece el valor del select.
Parameters
| Name | Type | Description |
|---|---|---|
value | string |
Returns
Type: Promise<void>
validate() => Promise<boolean>
Valida si la opción seleccionada es requerida y cumple todas las reglas establecidas.
Returns
Type: Promise<boolean>
true = Válido / false = No válido.
Built with StencilJS