Levels

Areas

Sections

/

Toasts

Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In laoreet pellentesque lorem sed elementum. Suspendisse maximus convallis ex. Etiam eleifend velit leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. In laoreet pellentesque lorem sed elementum. Suspendisse maximus convallis ex. Etiam eleifend velit leo.
UIMCard(["w-50"], 
      UIMCardBody(
        UIMCardText("Lorem ipsum dolor sit amet, consectetur adipiscing elit. In laoreet pellentesque lorem sed elementum. Suspendisse maximus convallis ex. Etiam eleifend velit leo."),
        UIMCardText("Lorem ipsum dolor sit amet, consectetur adipiscing elit. In laoreet pellentesque lorem sed elementum. Suspendisse maximus convallis ex. Etiam eleifend velit leo.")
      ))

Title

Card title
UIMCard(["w-50"], 
  UIMCardBody(
    UIMCardTitle("Card title")))

Subtitle

Card subtitle
UIMCard(["w-50"], 
  UIMCardBody(
    UIMCardSubtitle("Card subtitle")))

Button

Button
UIMCard(["w-50"], 
  UIMCardBody(
    UIMButtonLink(["btn-primary"], "Button")))

Links

List Group

List group itemList group itemList group item
UIMCard(["w-50"], 
  UIMList(["list-group-flush"],
    UIMListItem("List group item"),
    UIMListItem("List group item"),
    UIMListItem("List group item")

Header

Card header
UIMCard(["w-50"], 
  UIMCardHeader("Card header"))

Footer

Created DD-MM-YYYY
UIMCard(["w-50"], 
      UIMCardFooter("Created DD-MM-YYYY"))

Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In laoreet pellentesque lorem sed elementum. Suspendisse maximus convallis ex. Etiam eleifend velit leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. In laoreet pellentesque lorem sed elementum. Suspendisse maximus convallis ex. Etiam eleifend velit leo.
UIMCard(["w-50"], 
      UIMCardBody(
        UIMCardText("Lorem ipsum dolor sit amet, consectetur adipiscing elit. In laoreet pellentesque lorem sed elementum. Suspendisse maximus convallis ex. Etiam eleifend velit leo."),
        UIMCardText("Lorem ipsum dolor sit amet, consectetur adipiscing elit. In laoreet pellentesque lorem sed elementum. Suspendisse maximus convallis ex. Etiam eleifend velit leo.")
      ))

Title

Card title
UIMCard(["w-50"], 
  UIMCardBody(
    UIMCardTitle("Card title")))