shadcn-vue/apps/www/src/lib/registry/new-york/example/ToggleGroupDemo.vue
Sadegh Barati 0c7da48f8f
feat: toggle group (#275)
* feat: toggle group

* chore: remove dummy examples

* chore: update pathe and typescript, include scripts in tsconfig include

* refactor: move import type from normal script to script setup

don't know how detypes would react with that normal script
2024-01-16 10:56:54 +03:30

24 lines
665 B
Vue

<script setup lang="ts">
import {
FontBoldIcon,
FontItalicIcon,
UnderlineIcon,
} from '@radix-icons/vue'
import { ToggleGroup, ToggleGroupItem } from '@/lib/registry/new-york/ui/toggle-group'
</script>
<template>
<ToggleGroup type="multiple">
<ToggleGroupItem value="bold" aria-label="Toggle bold">
<FontBoldIcon class="h-4 w-4" />
</ToggleGroupItem>
<ToggleGroupItem value="italic" aria-label="Toggle italic">
<FontItalicIcon class="h-4 w-4" />
</ToggleGroupItem>
<ToggleGroupItem value="underline" aria-label="Toggle underline">
<UnderlineIcon class="h-4 w-4" />
</ToggleGroupItem>
</ToggleGroup>
</template>