Code display
The code display element enables the attractive presentation of code examples with professional syntax highlighting for over 200 different programming languages. Ideal for documentation, technical explanations or training content.
Tabs can be used to create several fictitious files to clearly display complex examples. The width of the display can be individually adjusted and an optional text field provides space for additional explanations or notes.
The result is a clearly structured and aesthetic code layout that conveys technical content in an understandable and visually appealing way.
prototype(Litefyr.Presentation:Button) < prototype(Neos.Fusion:Component) {
content = null
@if.hasContent = ${this.content}
renderer = afx`
<button type="button">{props.content}</button>
`
}prototype(Litefyr.Presentation:Button) < prototype(Neos.Fusion:Component) {
content = null
@if.hasContent = ${this.content}
renderer = afx`
<button type="button">{props.content}</button>
`
}document.addEventListener("Neos.NodeCreated", (event: CustomEvent) => {
console.log("Node created", event);
})document.addEventListener("Neos.NodeCreated", (event: CustomEvent) => {
console.log("Node created", event);
})