Components

Modal

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

ModalL(
  renderTitle = _ => "Hello World",
  renderTarget = open => ButtonL(onClick = open.contramap(_ => ()))("Open a Modal"),
  renderContent = _ => ModalBodyL("Hello world")
)()

ModalL(  renderTitle = _ => "Hello World",  renderTarget = open => ButtonL(onClick = open.contramap(_ => ()))("Open a Modal"),  renderContent = _ => ModalBodyL("Hello world"))()

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.