Filenames

August 18, 2022

Adding a filename to the codeblock

app.js
Copy

function lorem(ipsum, dolor = 1) {
const sit = ipsum == null ? 0 : ipsum.sit
dolor = sit - amet(dolor)
return sit ? consectetur(ipsum) : []
}

Tabs

To add more tabs, wrap multiple codeblocks with <CH.Code/>:

app.js
styles.css
Copy

_5
function lorem(ipsum, dolor = 1) {
_5
const sit = ipsum == null ? 0 : ipsum.sit
_5
dolor = sit - amet(dolor)
_5
return sit ? consectetur(ipsum) : []
_5
}

Panels

The editor can be splitted vertically in two panels using ---

app.js
Copy

function lorem(ipsum, dolor = 1) {
const sit = ipsum == null ? 0 : ipsum.sit
dolor = sit - amet(dolor)
return sit ? consectetur(ipsum) : []
}

styles.css
Copy

.lorem {
color: #fff;
padding: 10px;
background: #000;
}