Vivid Logo Vivid

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.

Usage

import { VActionGroup, VButton } from '@vonage/vivid-vue';
import { registerActionGroup } from '@vonage/vivid';

registerActionGroup('your-prefix');

API Reference

Properties

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.

Slots

Name Description
default Default slot.
Name Description
default Default slot.