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 '@vonage/vivid/action-group';
or, if you need to use a unique prefix:
import { registerActionGroup } from '@vonage/vivid';
registerActionGroup('your-prefix');
<script setup lang="ts">
import { VActionGroup } from '@vonage/vivid-vue';
</script>
<template>
<VActionGroup>
<VButton appearance="filled" label="Click me" />
</VActionGroup>
</template>
| Name | Type | Description |
|---|---|---|
| appearance | Enum:fieldset (default), ghost |
Sets the element's appearance |
| shape | Enum:rounded(default), pill |
Sets the element's border-radius |
| tight | boolean |
Remove padding and gaps |