# wp-ultimate-post-grid/3.3.0/assets/js/admin-modal/grid/section/SectionGeneral.js

WP Ultimate Post Grid, version 3.3.0. 34 lines.

- Page: https://pluginprobe.com/plugins/wp-ultimate-post-grid/3.3.0/code/assets/js/admin-modal/grid/section/SectionGeneral.js
- Raw: https://pluginprobe.com/plugins/wp-ultimate-post-grid/3.3.0/raw/assets/js/admin-modal/grid/section/SectionGeneral.js
- Modified: 2020-01-24T07:47:12+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/3.3.0/code/assets/js/admin-modal/grid/section/SectionGeneral.js#L10-L20`.

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

import Field from 'Modal/field';
import { __wpupg } from 'Shared/Translations';

const SectionGeneral = (props) => {
    return (
        <Fragment>
            <Field
                value={ props.grid.name }
                onChange={ ( value ) => {
                    props.onGridChange({
                        name: value,
                    });
                }}
                type="text"
                label={ __wpupg( 'Name' ) }
            />
            <Field
                value={ props.grid.slug }
                onChange={ ( value ) => {
                    props.onGridChange({
                        slug: value,
                    });
                }}
                type="slug"
                label={ __wpupg( 'ID' ) }
                help={ __wpupg( 'Used to identify the grid in the shortcode.' ) }
            />
        </Fragment>
    );
}
export default SectionGeneral;

```