Componente input que permite la entrada de texto del usuario.

Importación:

import Input from "rcat-components/RCInput";

Propiedades

Nombre Descripción Tipo de dato
label Placeholder que tendrá el componente. Dato de tipo String. String
floatLabel Permite que el placeholder se vuelva una etiqueta flotante, la cual se sitúa encima del input. Por defecto está en false. Boolean
type Tipo de dato que recibe el input. Puede ser text o number. String
disabled Deshabilita el input Boolean
pattern Permite añadir una expresión regular para restringir la entrada del usuario String
suggestions Lista de sugerencias u opciones que se mostrarán en el dropdown. Es un array de elementos sin estructura definida. Por defecto recibe una lista de String, pero se puede customizar con un slot. Array
positiveNumbers Dato de booleano que, estando en true, solo permite escribir números positivos. En caso de escribir un negativo, el valor del input será 0. Boolean
requiredField Agrega un asterisco al final del placeholder para dar a entender que es un campo requerido. Es solo visual. Boolean

Eventos

Nombre Descripción
change Evento que se dispara cuando el valor del input cambia
blur Evento que se dispara en el momento en el que el input pierde el foco.
focus Evento que se dispara en el momento en el que el input tiene el foco.

Slots

suggestion-item Permite customizar los elementos al interior del dropdown. Si no se especifica, se aplican los estilos por defecto.