Illustrated Message • ui5

The illustrated_message() is a recommended combination of a solution-oriented message, an engaging illustration, and conversational tone to better communicate an empty or a success state than just show a message alone.

See the official documention for illustrated message, for all the correct props.

Examples

illustrated_message(
  name = "ErrorScreen",
  button("first", design = "Emphasized", "First Button"),
  button("second", "Second Button")
)

First Button

Second Button

illustrated_message(
  name = "UnableToUpload",
  title("Whoops!", level = "H1"),
  htmltools::div(
    slot = "subtitle",
    "Please try again"
  ),
  button("first", icon = "refresh")
)

Whoops!

Please try again