Action Group

import '@vonage/vivid/action-group';

or, if you need to use a unique prefix:

import { registerActionGroup } from '@vonage/vivid';

registerActionGroup('your-prefix');

<!-- Feel free to edit the code below. The live preview will update as you make changes. -->
<script type="module">
	import { registerActionGroup } from '@vonage/vivid';
	registerActionGroup('your-prefix');
</script>

<your-prefix-action-group>
	<vwc-button label="copy"></vwc-button>
	<vwc-button label="paste"></vwc-button>
</your-prefix-action-group>

<script setup lang="ts">
	import { VActionGroup } from '@vonage/vivid-vue';
</script>
<template>
	<VActionGroup>
		<VButton appearance="filled" label="Click me" />
	</VActionGroup>
</template>