import live-web.dom
import live-web-view.content
import live-web-view.layout
import live-elements-web-server.view
import live-elements-web-server.style
component Playground < PageView{
static any[] use = [
Content, // import styles from Content
ScopedStyle{ src: './index.css'} // use index.css style
]
Content{ // create Content section
H1`Welcome to Live Elements playground!`
P{
T`Click on the open button ` Span{ classes: ['open-icon'] } T` in the top left corner to create a new project or
open one of the examples.`
}
P{
T`After making changes to the code, either use the compile button ` Span{ classes: ['compile-icon'] } T` to save and run the project,
or press `Code`cmd+s`T` on mac or `Code`ctrl+s`T` on a pc to save the current file and run the project.`
}
P{
T`To learn about Live Elements checkout the `
A{ props = { target: '_blank' } href: 'https://liveelements.io/documentation/quick-start-language' T`quick start guide`} T`.`
}
}
}