# wp-ultimate-post-grid/4.0.1/assets/js/admin-template/main/edit-template/CSS.js

WP Ultimate Post Grid, version 4.0.1. 24 lines.

- Page: https://pluginprobe.com/plugins/wp-ultimate-post-grid/4.0.1/code/assets/js/admin-template/main/edit-template/CSS.js
- Raw: https://pluginprobe.com/plugins/wp-ultimate-post-grid/4.0.1/raw/assets/js/admin-template/main/edit-template/CSS.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/main/edit-template/CSS.js#L10-L20`.

```javascript
import React from 'react';

import CodeMirror from 'react-codemirror';
require('codemirror/lib/codemirror.css');
require('codemirror/mode/css/css');

const CSS = (props) => {
    return (
        <div className="wpupg-main-container">
            <h2 className="wpupg-main-container-name">CSS</h2>
            <CodeMirror
                className="wpupg-main-container-css"
                value={props.template.style.css}
                onChange={(value) => props.onChangeValue(value)}
                options={{
                    lineNumbers: true,
                    mode: 'css',
                }}
            />
        </div>
    );
}

export default CSS;
```