1.1.0 • Published 4 months ago
@atmgrupomaggioli/iris-input v1.1.0
iris-input
Properties
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
autocompleteNifCif | autocomplete-nif-cif | Habilita la validación automática de NIF/CIF/NIE | boolean | true |
autocompleteType | autocomplete-type | Tipo de autocompletado para el input | "on" \| "url" \| "nombre" \| "nombrePila" \| "apellido" \| "correo" \| "usuario" \| "nuevaContrasena" \| "contrasenaActual" \| "telefono" \| "telefonoNacional" \| "telefonoLocal" \| "codigoPaisTelefono" \| "direccion" \| "provincia" \| "ciudad" \| "distrito" \| "barrio" \| "codigoPostal" \| "pais" \| "nombrePais" \| "empresa" \| "cargoEmpresa" \| "idioma" \| "montoTransaccion" \| "monedaTransaccion" \| "titularTarjeta" \| "numeroTarjeta" \| "vencimientoTarjeta" \| "mesVencimientoTarjeta" \| "anoVencimientoTarjeta" \| "codigoSeguridadTarjeta" | 'on' |
decimalChar | decimal-char | Separador de decimales (. o ,) | "," \| "." | ',' |
decimals | decimals | Número de decimales permitidos (solo para type="number") | number | 0 |
isDisabled | is-disabled | Indica si el input está deshabilitado | boolean | false |
isRequired | is-required | Indica si el campo es obligatorio | boolean | false |
label (required) | label | Label del input | string | undefined |
max | max | Valor máximo permitido (solo para type="number") | number | undefined |
maxLength | max-length | Máxima cantidad de caracteres permitidos en el input | number | undefined |
min | min | Valor mínimo permitido (solo para type="number") | number | undefined |
name | name | Nombre del input | string | undefined |
placeholder | placeholder | Texto de placeholder cuando el input está vacío | string | undefined |
rules | rules | Reglas de validación adicionales | Rule[] | undefined |
tooltip | tooltip | Texto del tooltip | string \| string[] | undefined |
type | type | Tipo del input | "email" \| "nifcif" \| "number" \| "password" \| "tel" \| "text" \| "url" | 'text' |
uppercase | uppercase | Convierte el texto del input a mayúsculas automáticamente | boolean | false |
width | width | Ancho del input | string | '100%' |
Events
| Event | Description | Type |
|---|---|---|
inputBlur | Evento emitido cuando el input pierde el foco (onBlur) | CustomEvent<FocusEvent> |
irisKeyDown | Evento emitido cuando se presiona una tecla en el input | CustomEvent<KeyboardEvent> |
valueChanged | Evento emitido cuando el valor del input cambia | CustomEvent<string> |
Methods
clear() => Promise<void>
Limpia el valor del input.
Returns
Type: Promise<void>
getValue() => Promise<string>
Obtiene el valor actual del input
Returns
Type: Promise<string>
Valor del input
setValue(newValue: string) => Promise<void>
Establece un nuevo valor en el input de manera programática
Parameters
| Name | Type | Description |
|---|---|---|
newValue | string | Valor a establecer en el input |
Returns
Type: Promise<void>
validate() => Promise<boolean>
Valida el valor introducido según las reglas configuradas.
Returns
Type: Promise<boolean>
true = Válido / false = No válido.
Shadow Parts
| Part | Description |
|---|---|
"iris-input" |
Built with StencilJS