# wp-ultimate-post-grid/4.0.1/assets/js/admin-template/menu/properties/Number.js

WP Ultimate Post Grid, version 4.0.1. 27 lines.

- Page: https://pluginprobe.com/plugins/wp-ultimate-post-grid/4.0.1/code/assets/js/admin-template/menu/properties/Number.js
- Raw: https://pluginprobe.com/plugins/wp-ultimate-post-grid/4.0.1/raw/assets/js/admin-template/menu/properties/Number.js
- Modified: 2020-07-22T13:11:56+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/wp-ultimate-post-grid/4.0.1/code/assets/js/admin-template/menu/properties/Number.js#L10-L20`.

```javascript
import React, { Fragment } from 'react';

const PropertyNumber= (props) => {
    const suffix = props.property.hasOwnProperty('suffix') ? props.property.suffix : '';
    const value = suffix ? props.value.replace(suffix, '') : props.value;

    return (
        <Fragment>
            <input
                className="wpupg-template-property-input"
                type="number"
                value={value}
                onChange={(e) => {
                    const newValue = `${e.target.value}${suffix}`;
                    return props.onValueChange(newValue);
                }}
            />
            {
                suffix
                &&
                <span className="wpupg-template-property-number-suffix"> { suffix }</span>
            }
        </Fragment>
    );
}

export default PropertyNumber;
```