UNPKG

@mozaic-ds/vue

Version:

Mozaic-Vue is the Vue.js implementation of ADEO Design system

github.com/adeo/mozaic-vue

adeo/mozaic-vue

20 lines (13 loc) • 933 B
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
# MCallout A callout is used to highlight additional information that can assist users with tips, extra details, or helpful guidance, without signaling a critical status or alert. Unlike notifications, callouts are not triggered by user actions and do not correspond to specific system states. They are designed to enhance the user experience by providing contextually relevant information that supports comprehension and usability. ## Props | Name | Description | Type | Default | | --- | --- | --- | --- | | `title*` | Title of the callout. | `string` | - | | `description*` | Description of the callout. | `string` | - | | `appearance` | Allows to define the callout appearance. | `"standard"` `"inverse"` `"accent"` `"tips"` | `"standard"` | ## Slots | Name | Description | | --- | --- | | `icon` | Use this slot to insert an icon. | | `footer` | Use this slot to insert a button or a link in the footer of the callout. |