Toggle buttons in different sizes.

<script setup lang="ts">
import { Toggle } from "@/components/ui/toggle"
</script>

<template>
  <div class="flex flex-wrap items-center justify-center gap-2">
    <Toggle variant="outline" size="sm" aria-label="Small toggle">Small</Toggle>
    <Toggle variant="outline" size="default" aria-label="Default toggle">Default</Toggle>
    <Toggle variant="outline" size="lg" aria-label="Large toggle">Large</Toggle>
  </div>
</template>