Components

Drawer

Drawers slide in from a container to expose additional options and information.

DrawerA(
  _.id    := "drawer-opening",
  _.label := "Drawer",
  _.slots.footer(
    ButtonA(
      _.variant.brand,
      _.close.drawer
    )("Close")
  )
)("Lorem ipsum dolor sit amet, consectetur adipiscing elit."),
ButtonA(
  _.open.drawer("drawer-opening")
)(
  "Open Drawer"
)

DrawerA(  _.id    := "drawer-opening",  _.label := "Drawer",  _.slots.footer(    ButtonA(      _.variant.brand,      _.close.drawer    )("Close")  ))("Lorem ipsum dolor sit amet, consectetur adipiscing elit."),ButtonA(  _.open.drawer("drawer-opening"))(  "Open Drawer")

Divider

Dividers are used to visually separate or group elements.

Dropdown

Dropdowns expose additional content that "drops down" in a panel.