UNPKG

@mozaic-ds/vue

Version:

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

github.com/adeo/mozaic-vue

adeo/mozaic-vue

22 lines (15 loc) • 1.03 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
# MIconButton Buttons are key interactive elements used to perform actions and can be used as standalone element, or as part of another component. Their appearance depends on the type of action required from the user and the context in which they are used. ## Props | Name | Description | Type | Default | | --- | --- | --- | --- | | `appearance` | Defines the visual style of the icon button. | `"standard"` `"inverse"` `"accent"` `"danger"` | `"standard"` | | `size` | Determines the size of the icon button. | `"s"` `"m"` `"l"` | `"m"` | | `disabled` | If `true`, disables the icon button, making it non-interactive. | `boolean` | - | | `ghost` | If `true`, applies a "ghost" style to the icon button. | `boolean` | - | | `outlined` | If `true`, the icon button gets an outlined style. | `boolean` | - | | `type` | Specifies the button's HTML `type` attribute. | `"button"` `"reset"` `"submit"` | `"button"` | ## Slots | Name | Description | | --- | --- | | `icon` | Use this slot to insert an icon for the Button. |