Bilder & Grafiken
Ein Bild sagt mehr als tausend Zeilen Code.
Visuelle Präsenz
Bilder verleihen deiner Anwendung Tiefe und Identität.
Die Image-Komponente bindet native <img>-Elemente reaktiv in die DSL ein. Sie unterstützt sowohl statische Quellen als auch reaktive Properties für dynamische Galerien oder Profilbilder.
Statisches Bild
Einfaches Einbinden eines Bildes mit Quelle und Alternativtext.
Dieses Bild wird statisch geladen. Die Image-Komponente stellt sicher, dass alle Attribute korrekt gesetzt sind.
Dynamische Bildquelle
Die Quelle kann an eine Property gebunden werden, um Bilder zur Laufzeit auszutauschen.
DSL-Syntax
Attributzuweisungen erfolgen intuitiv innerhalb des Blocks.
scala
image {
src = "path/to/image.jpg"
alt = "Description"
style { width = "100%" }
}
// Or reactively:
val myProperty = Property("...")
val myAlt = Property("Description")
image {
src = myProperty
alt = myAlt
}