Example of Variants in React Message Component

All Controls
/
Message
/
Variants

This sample demonstrates the predefined appearance variants for the React Message component.

More Details...

Loading....
Description

The Message component can be displayed with predefined appearance variants. The available variants are Text, Outlined and Filled. The default variant type is Text.

  • Text - The severity is differentiated using a text color and a light background color.
  • Outlined - The severity is differentiated using a text color and a border without background.
  • Filled - The severity is differentiated using a text color and a dark background color.

In this sample, messages are displayed with different appearances based on the variant property.

More information about Message variants can be found in this documentation section.