Message
A brief line of feedback at the top of the screen that goes away on its own, for the result of something the reader just did.
Anotomy
Structure of a message and how its internal parts are composed. These are its semantic parts, so they are also what the
classNames and styles objects accept, per call or once for the app through ConfigProvider.
| Name | Description | |
|---|---|---|
1 | root | One message: the white pill with its shadow, padding and radius. |
2 | wrapper | The row inside it that lines up the icon and the text. |
3 | icon | The status glyph, picked by the call (success, error, info, warning, loading). icon replaces it. |
4 | title | The text, from content. It is also everything a screen reader announces, so keep it to one line. |
5 | list | The fixed layer at the top of the page that stacks every open message. |
6 | listContent | The column inside the list that spaces the messages and animates their height. |
© 2026 AntUIKit . All rights reserved.