Skip to content

TsaiInlineAlert

An inline status message with Info, Success, Error, and Warning treatments.

Open live example

TsaiInlineAlert(
  tone: TsaiInlineAlertTone.warning,
  title: 'Review required',
  message: 'Confirm the recipient before continuing.',
  onDismiss: dismissAlert,
)

Each tone uses its corresponding semantic accent, surface, and border tokens. Pass a custom icon only when the status meaning remains unambiguous. Omit title for a compact message-only alert. Set showDismiss to false to remove the close control while retaining the same tone and layout.