Components

Modal

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

Modal(
  title = "Hello World",
  renderTarget = open => Button(onClick = open)("Open a Modal"),
  renderContent = _ => ModalBody()("This is Modal's content")
)()

Modal(  title = "Hello World",  renderTarget = open => Button(onClick = open)("Open a Modal"),  renderContent = _ => ModalBody()("This is Modal's content"))()

Menus display a list of actions that can be performed on a selected item.

Non Ideal State

A Non-Ideal State represents situations where content isn't available or something prevents the normal view from appearing. Use this component to communicate empty states, errors, or other exceptional scenarios.