Provides a DSL for building HTML to `Writer`, `Appendable`, or DOM, facilitating web development across various platforms. Enables direct HTML creation and DOM tree construction through intuitive syntax.
The kotlinx.html library provides a DSL to build HTML to Writer/Appendable or DOM. Available to all Kotlin Multiplatform targets and browsers (or other WasmJS or JavaScript engines) for better Kotlin programming for Web.
See Getting started page for details how to include the library.
You can build a DOM tree with JVM, JS, and WASM. The following example shows how to build the DOM for WasmJs-targeted Kotlin:
You can build HTML directly to Writer (JVM) or Appendable (Multiplatform)
System.out.appendHTML().html {
body {
div {
a("https://kotlinlang.org") {
target = ATarget.blank
+"Main site"
}
}
}
}
See wiki pages
See the development page for details.
import kotlinx.browser.document
import kotlinx.browser.window
import kotlinx.html.a
import kotlinx.html.div
import kotlinx.html.dom.append
import kotlinx.html.dom.create
import kotlinx.html.p
fun main() {
val body = document.body ?: error("No body")
body.append {
div {
p {
+"Here is "
a("https://kotlinlang.org") { +"official Kotlin site" }
}
}
}
val timeP = document.create.p {
+"Time: 0"
}
body.append(timeP)
var time = 0
window.setInterval({
time++
timeP.textContent = "Time: $time"
return@setInterval null
}, 1000)
}
Surfaced from shared tags and platforms — no rankings paid for.