HTML Basics
Remember you need the import: import com.fastscala.components.bootstrap5.helpers.BSHelpers.
On this page
Adding a class
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
span.apply("Lorem ipsum dolor sit amet, consectetur adipiscing elit.").withClass("text-bg-success")Adding a style
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
span.apply("Lorem ipsum dolor sit amet, consectetur adipiscing elit.").withStyle("color: green;")Adding an onclick handler
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
span.apply("Lorem ipsum dolor sit amet, consectetur adipiscing elit.").addOnClick(JS.alert("Clicked"))Adding a class conditionally
0.13
val value = math.random() - 0.5
span.apply(f"$value%.2f").withClassIf(value < 0, "text-bg-danger")Adding an attribute conditionally
-0.30
val value = math.random() - 0.5
span.apply(f"$value%.2f").withAttrIf(value < 0, "style" -> "color: red;")Setting type
input.withType("color")Setting title
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
span.apply("Lorem ipsum dolor sit amet, consectetur adipiscing elit.").withTitle("Title")Setting attribute
input.withType("text").withAttr("placeholder" -> "First name")Setting id
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
span.apply("Lorem ipsum dolor sit amet, consectetur adipiscing elit.").withId("main_label")Setting id if not set already
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
span.apply("Lorem ipsum dolor sit amet, consectetur adipiscing elit.").withIdIfNotSet("main_label")Setting href
a.apply("open google").withHref("https://www.google.com")Prepend/Append to contents
prepended
Lorem ipsum dolor sit amet, consectetur adipiscing elit.appended
p.apply("Lorem ipsum dolor sit amet, consectetur adipiscing elit.")
.withPrependedToContents(badge.bg_success.apply("prepended"))
.withAppendedToContents(badge.bg_info.apply("appended"))