# give/4.16.8.1/src/Views/Components/Input/index.js

GiveWP – Donation Plugin and Fundraising Platform, version 4.16.8.1. 29 lines.

- Page: https://pluginprobe.com/plugins/give/4.16.8.1/code/src/Views/Components/Input/index.js
- Raw: https://pluginprobe.com/plugins/give/4.16.8.1/raw/src/Views/Components/Input/index.js
- Modified: 2021-11-23T23:55:18+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/give/4.16.8.1/code/src/Views/Components/Input/index.js#L10-L20`.

```javascript
import PropTypes from 'prop-types';
import classNames from 'classnames';
import styles from './style.module.scss';

const Input = ({type, name, onChange, value, className, ...rest}) => {
    return (
        <input
            key={value}
            className={classNames(styles.input, className)}
            type={type}
            name={name}
            onChange={onChange}
            value={value}
            {...rest}
        />
    );
};

Input.propTypes = {
    // Input type
    type: PropTypes.string.isRequired,
    // On change event
    onChange: PropTypes.func,
    // Input value
    value: PropTypes.string,
};

export default Input;

```