Admonition

Page level informational messages

Usage

  • Used in places like:
  • Layouts
  • Forms
Filled
Outlined

Filled Admonitions

Used as a product level notification or highlighted information that is not specific to a users task. It can not be dismissed unless the system handles it or the user takes an action to handle it.

Outline Admonitions

Filled Admonitions are used by default for most use cases, while outlined are to be used for lower emphasis pieces of information that don't need to be highlighted over other UI elements on the page.

Responsive Layouts

When scaling layouts for large screen devices, admonitions can adapt their visual presentation, alignment, and arrangement to fit different contexts and user needs.