Button Group — Vue

---
import ButtonGroup from '../components/astro/ButtonGroup.astro';
---

<ButtonGroup>
  <button type="button" class="btn">One</button>
  <button type="button" class="btn">Two</button>
  <button type="button" class="btn">Three</button>
</ButtonGroup>

<!-- Rizzo CSS. No script needed. -->
<div class="button-group" role="group">
  <button type="button" class="btn">One</button>
  <button type="button" class="btn">Two</button>
  <button type="button" class="btn">Three</button>
</div>

<script>
  import { ButtonGroup, Button } from '$lib/rizzo';
</script>

<ButtonGroup>
  <Button>One</Button>
  <Button>Two</Button>
  <Button>Three</Button>
</ButtonGroup>

<script setup>
import ButtonGroup from '@/components/rizzo/ButtonGroup.vue';
import Button from '@/components/rizzo/Button.vue';
</script>

<template>
  <ButtonGroup>
    <Button>One</Button>
    <Button>Two</Button>
    <Button>Three</Button>
  </ButtonGroup>
</template>

import { ButtonGroup, Button } from './components/react';

<ButtonGroup>
  <Button>One</Button>
  <Button>Two</Button>
  <Button>Three</Button>
</ButtonGroup>