ButtonGroup

1<script setup lang="ts">2import { Button, ButtonGroup } from '@vitral/vue';3</script>4 5<template>6    <ButtonGroup aria-label="Record">7        <Button label="Save" icon="check" />8        <Button label="Delete" icon="trash" />9        <Button label="Cancel" icon="close" />10    </ButtonGroup>11</template>

1<script setup lang="ts">2import { Button, ButtonGroup } from '@vitral/vue';3</script>4 5<template>6    <ButtonGroup aria-label="Pages">7        <Button icon="chevronLeft" aria-label="Previous" variant="outlined" severity="secondary" />8        <Button label="1" variant="outlined" severity="secondary" />9        <Button label="2" variant="outlined" severity="secondary" />10        <Button icon="chevronRight" aria-label="Next" variant="outlined" severity="secondary" />11    </ButtonGroup>12</template>

1<script setup lang="ts">2import { Button, ButtonGroup } from '@vitral/vue';3</script>4 5<template>6    <ButtonGroup orientation="vertical" aria-label="Zoom">7        <Button icon="plus" aria-label="Zoom in" severity="secondary" />8        <Button icon="minus" aria-label="Zoom out" severity="secondary" />9    </ButtonGroup>10</template>