Button
Der Puls deiner App.
Interaktion
Ein Button ist klein, trägt aber Verantwortung.
In Scala JS UI 1.0 bleibt die Aktion im Template sichtbar: Beschriftung, Ereignis und umgebender Kontext stehen direkt beieinander. Dadurch bleiben einfache Buttons leicht lesbar und es bleibt Raum für komplexere Abläufe.
Standard-Button
Ein klarer Klickbereich mit direkter Ereignisbindung. Ideal für eindeutige, in sich geschlossene Aktionen.
Buttons sind das Herz der Interaktion. Sie sind nicht nur Klickziele, sondern erwecken deine App zum Leben.
Aktionsgruppe
Mehrere Buttons können dicht beieinanderstehen, solange ihre Absicht klar unterscheidbar bleibt.
Zustand
Der Button sagt, was passiert
Eine gute Beschriftung beschreibt die nächste Aktion, nicht die technische Umsetzung dahinter.
Ereignis
onClick bleibt lokal
Die DSL hält Auslöser und Reaktion am selben Ort sichtbar.
Rückmeldung
Aktionen brauchen eine Reaktion
Nach dem Klick sollte die Oberfläche eine sichtbare Reaktion zeigen: eine Nachricht, einen Status, eine Navigation oder eine Datenaktualisierung.
Die Einfachheit der DSL
Der Kern bleibt bewusst klein: Button erstellen, Handler binden, fertig.
scala
button("Click me") {
onClick { _ => println("Clicked") }
}