be.doeraene.webcomponents.ui5.Title.scala Maven / Gradle / Ivy

Show more of this group Show more artifacts with this name
Show all versions of web-components-ui5_sjs1_3 Show documentation
Laminar bindings for the web-component library UI5 from SAP
The newest version!
package be.doeraene.webcomponents.ui5

import be.doeraene.webcomponents.ui5.configkeys.{ButtonDesign, ColourScheme, IconName}
import be.doeraene.webcomponents.ui5.internal.Slot
import com.raquo.laminar.codecs.{BooleanAsAttrPresenceCodec, StringAsIsCodec}
import com.raquo.laminar.api.L.*
import com.raquo.laminar.tags.CustomHtmlTag
import com.raquo.laminar.keys.HtmlAttr
import com.raquo.laminar.nodes.ReactiveHtmlElement
import org.scalajs.dom

import scala.scalajs.js
import scala.scalajs.js.annotation.JSImport
import be.doeraene.webcomponents.ui5.configkeys.TitleLevel
import be.doeraene.webcomponents.ui5.configkeys.WrappingType
import be.doeraene.webcomponents.WebComponent

/** The ui5-title component is used to display titles inside a page. It is a simple, large-sized text with explicit
  * header/title semantics.
  *
  * @see
  *   the doc for more information.
  */
object Title extends WebComponent {

  @js.native
  trait RawElement extends js.Object {}

  @js.native
  @JSImport("@ui5/webcomponents/dist/Title.js", JSImport.Default)
  object RawImport extends js.Object

  // object-s are lazy so you need to actually use them in your code to prevent dead code elimination
  used(RawImport)

  type Ref = dom.html.Element & RawElement

  protected val tag: CustomHtmlTag[Ref] = CustomHtmlTag("ui5-title")

  lazy val level: HtmlAttr[TitleLevel]          = htmlAttr("level", TitleLevel.AsStringCodec)
  lazy val wrappingType: HtmlAttr[WrappingType] = htmlAttr("wrapping-type", WrappingType.AsStringCodec)

  object slots {}

  object events {}

  /** Creates Title of H1 level. */
  def h1(mods: (ModFunction | Mod[HtmlElement])*): HtmlElement = apply(
    mods :+ (_.level := TitleLevel.H1)*
  )

  /** Creates Title of H2 level. */
  def h2(mods: (ModFunction | Mod[HtmlElement])*): HtmlElement = apply(
    mods :+ (_.level := TitleLevel.H2)*
  )

  /** Creates Title of H3 level. */
  def h3(mods: (ModFunction | Mod[HtmlElement])*): HtmlElement = apply(
    mods :+ (_.level := TitleLevel.H3)*
  )

  /** Creates Title of H4 level. */
  def h4(mods: (ModFunction | Mod[HtmlElement])*): HtmlElement = apply(
    mods :+ (_.level := TitleLevel.H4)*
  )

  /** Creates Title of H4 level. */
  def h5(mods: (ModFunction | Mod[HtmlElement])*): HtmlElement = apply(
    mods :+ (_.level := TitleLevel.H5)*
  )

  /** Creates Title of H6 level. */
  def h6(mods: (ModFunction | Mod[HtmlElement])*): HtmlElement = apply(
    mods :+ (_.level := TitleLevel.H6)*
  )

}