Inline notice
Inline notice shows a system generated message
2. Configurations
2.1 Variant
Inline has 5 variants: informational, error, success, attention, brand, and brand accent. All variants’ icons are customizable.
2.2 Icon
The inline notice come with an icon. But the icon choice is customizable.
2.3 Content
You can put any content into the body. Please read usage for more details.
3. States
Inline notice is not interactive.
4. Keyboard experience
Keyboard experience is dependent on the content of the inline notice.Inline notice itself does not get keyboard focus.
7. Resilience and responsiveness
Once the component hits the parent container’s bound, it wraps to the next line. Manipulate the parent container’s size to adjust the inline notice’s size.
