# CSSEditor

<!--meta
{
    "source": "https://github.com/hpcc-systems/Visualization/blob/master/packages/chart/src/CSSEditor.ts#L3",
    "extends": "Editor"
}
-->

CSSEditor displays an editable snippet of CSS with syntax coloring and code folding.

```sample-code
import { CSSEditor } from "@hpcc-js/codemirror";

new CSSEditor()
    .css(`\
body {
    margin: 0;
    padding: 15px;
}    
#target {
    position: relative;
    width: 100%;
    height: calc(100vh - 32px);
    border: 1px solid #ed1c24;
}
    `)
    .target("target")
    .render()
    ;

```

## API

## Published Properties
```@hpcc-js/codemirror:CSSEditor
```