Components

Dialog

Dialogs, sometimes called "modals", appear above the page and require the user''s immediate attention.

DialogA(
  _.id    := "dialog-opening", 
  _.label := "Dialog"
)("Lorem ipsum dolor sit amet, consectetur adipiscing elit."),
ButtonA(
  _.open.dialog("dialog-opening") 
)("Open Dialog")

DialogA(  _.id    := "dialog-opening",   _.label := "Dialog")("Lorem ipsum dolor sit amet, consectetur adipiscing elit."),ButtonA(  _.open.dialog("dialog-opening") )("Open Dialog")

Details

Details show a brief summary and expand to show additional content.

Divider

Dividers are used to visually separate or group elements.