* 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
24 lines
665 B
Vue
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>
|