Action Group
The action group component should be used when you have a set of related actions or options that need to be grouped together within a limited space.
import { VActionGroup, VButton } from '@vonage/vivid-vue';
import { registerActionGroup } from '@vonage/vivid';
registerActionGroup('your-prefix');
| Property |
Type |
Default |
Description |
| appearance |
'fieldset' | 'ghost' |
|
Sets the element's appearance |
| shape |
'rounded' | 'pill' |
|
Sets the element's border-radius |
| tight |
boolean |
|
Indicates whether action group should have padding. |
| Property |
Type |
Default |
Description |
|
appearance
|
'fieldset' | 'ghost' |
|
Sets the element's appearance |
|
shape
|
'rounded' | 'pill' |
|
Sets the element's border-radius |
|
tight
|
boolean |
|
Indicates whether action group should have padding. |
| Name |
Description |
| default |
Default slot.
|
| Name |
Description |
| default |
Default slot. |
| Event |
Type |
Description |
| blur |
FocusEvent |
Fires when the element loses focus. |
| click |
MouseEvent |
Fires when a pointing device button (such as a mouse's primary mouse button) is both pressed and released while the pointer is located inside the element. |
| focus |
FocusEvent |
Fires when the element receives focus. |
| input |
Event |
Fires when the value of an element has been changed. |
| keydown |
KeyboardEvent |
Fires when a key is pressed. |
| keyup |
KeyboardEvent |
Fires when a key is released. |
| Name |
Type |
Description |
| blur |
FocusEvent |
Fires when the element loses focus. |
| click |
MouseEvent |
Fires when a pointing device button (such as a mouse's primary mouse button) is both pressed and released while the pointer is located inside the element. |
| focus |
FocusEvent |
Fires when the element receives focus. |
| input |
Event |
Fires when the value of an element has been changed. |
| keydown |
KeyboardEvent |
Fires when a key is pressed. |
| keyup |
KeyboardEvent |
Fires when a key is released. |
