1.2.0 • Published 10 months ago
@atmgrupomaggioli/iris-radio v1.2.0
iris-radio
Properties
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
description | description | Descripción del conjunto de radios. | string | undefined |
direction | direction | Define la dirección de los radios ('row' o 'column'). | "column" \| "row" | 'column' |
disabled | disabled | Define si los radios están deshabilitados. | boolean | false |
name | name | Nombre del radio - Se usa para identificar el radio en formularios. | string | 'iris-radio' |
radios (required) | radios | Lista de opciones disponibles. | RadioOption[] | undefined |
required | required | Define si la selección es obligatoria. | boolean | false |
rules | rules | Conjunto de reglas de validación para los radios, cada una con una condición y un mensaje de error, si no se cumple, permitiendo guiar al usuario en su entrada. | Rule[] | undefined |
tooltip | tooltip | 🔹 Título del tooltip - Se muestra como encabezado en el tooltip si está definido. 🔹Texto del tooltip - Puede ser un string o un array de strings. - Se muestra en el tooltip asociado al input. | string \| string[] | undefined |
Events
| Event | Description | Type |
|---|---|---|
valueChanged | Evento emitido cuando el valor cambia. | CustomEvent<string> |
Methods
clear() => Promise<void>
Elimina la selección establecida.
Returns
Type: Promise<void>
getValue() => Promise<string>
Devuelve el valor seleccionado.
Returns
Type: Promise<string>
setValue(value: string) => Promise<void>
Permite establecer el valor programáticamente.
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