# blockspare/3.0.0/admin/components/SettingWithInput.js

BlockSpare – Gutenberg Blocks for News, Magazine, Blog & Business Websites, version 3.0.0. 24 lines.

- Page: https://pluginprobe.com/plugins/blockspare/3.0.0/code/admin/components/SettingWithInput.js
- Raw: https://pluginprobe.com/plugins/blockspare/3.0.0/raw/admin/components/SettingWithInput.js
- Modified: 2023-09-07T10:20:36+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/blockspare/3.0.0/code/admin/components/SettingWithInput.js#L10-L20`.

```javascript
import React from 'react'

const SettingWithInput = ({ title, description, value, handleChange, name, handleBlur, success }) => {
    return (
        <div className="blockspare__settings">
            <div className="blockspare__settings-info">
                <h3 className="blockspare__settings-title">{title}</h3>
                <div className="blockspare__input-wrap">
                    <input className="blockspare-admin__input-field" type="text" name={name} value={value} onChange={handleChange} onBlur={handleBlur} />
                    <span className="blockspare-admin__input-field--value-type">
                        px
                    </span>
                    {success === true &&
                        <p>success</p>
                    }
                </div>
            </div>
            <p className="blockspare__settings-description">{description}</p>
        </div>
    )
}

export default SettingWithInput

```