# depicter/1.3.2/app/src/Modules/Divi/includes/fields/Input/Input.jsx

Depicter — Popup & Slider Builder, version 1.3.2. 36 lines.

- Page: https://pluginprobe.com/plugins/depicter/1.3.2/code/app/src/Modules/Divi/includes/fields/Input/Input.jsx
- Raw: https://pluginprobe.com/plugins/depicter/1.3.2/raw/app/src/Modules/Divi/includes/fields/Input/Input.jsx
- Modified: 2022-08-28T09:08: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/depicter/1.3.2/code/app/src/Modules/Divi/includes/fields/Input/Input.jsx#L10-L20`.

```jsx
// External Dependencies
import React, { Component } from 'react';

// Internal Dependencies
import './style.css';

class Input extends Component {

  static slug = 'dedi_input';

  /**
   * Handle input value change.
   *
   * @param {object} event
   */
  _onChange = (event) => {
    this.props._onChange(this.props.name, event.target.value);
  }

  render() {
    return(
      <input
        id={`dedi-input-${this.props.name}`}
        name={this.props.name}
        value={this.props.value}
        type='text'
        className='dedi-input'
        onChange={this._onChange}
        placeholder='Your text here ...'
      />
    );
  }
}

export default Input;

```