input-react-text v1.0.9

Título

Input React Text

¿Qué es?

Un input de tipo texto customizable con callbacks para su uso y disfrute.

Instalación

npm i input-react-text

¿Qué puedes customizar?

En este componente puedes mostrar la etiqueta que quieras y el placeholder si quieres mostrarlos, si no, simplemente se mostrará un input text.

¿Cómo lo uso?

Muy sencillo solo tienes que importar el componete:

import Input from 'input-react-text'

Y colocarlo donde lo quieras renderizar. Un ejemplo

render() {
    return(
        <div>
            <Input />
        </div>
    );
}

Props que le puedes pasar

onInputChange es un callback por el cual se recibe el valor del input. value es el contenido del input que quieras tener por defecto, puedes utilizarlo para un formulario de edición.

Ejemplo con props

render() {
    return(
        <div>
            <Input
                label_text='Mi label'
                placeholder_text='Mi placeholder'
                onInputChange={(value) => this.setState({value: value})}
            />
        </div>
    );
}