Anatomy
Anatomy summary lists and describes all the elements that exist within a component (including other components nested within).
Variants
Variants contain different versions of the component depending on specific properties, such as state, size, colour, optional iconography, etc.
| Property | Values | Default |
|---|---|---|
| type Variant | info | success | warning | danger | new feature | info |
| dismissButton Boolean | true | false | true |
| title Boolean | true | false | true |
Style
There are five main styles to choose from based on the contextual requirement or severity of the information being displayed.
Dismiss button
The dismiss x-mark button can be turned off/on depending on the required permanency of the callout.
Description only
Titles can be turned off when contextually not suitable.
Links
A link can be added to the description text (not the title) to help guide the user to a solution or corresponding documents/pages. Avoid adding more than one link is at all possible.
Component dependencies
This component is internally dependent on the following components:
Help and support