# CSSEditor

<!--meta

-->

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()
    ;

```

CSSEditor extends [Editor](./Editor.md).

## API

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