You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
21 lines
599 B
Vue
21 lines
599 B
Vue
<script setup lang="ts">
|
|
import Button from '@/components/ui/button/Button.vue';
|
|
import { cn } from '@/lib/utils';
|
|
import { PanelLeft } from 'lucide-vue-next';
|
|
import type { HTMLAttributes } from 'vue';
|
|
import { useSidebar } from './utils';
|
|
|
|
const props = defineProps<{
|
|
class?: HTMLAttributes['class'];
|
|
}>();
|
|
|
|
const { toggleSidebar } = useSidebar();
|
|
</script>
|
|
|
|
<template>
|
|
<Button data-sidebar="trigger" variant="ghost" size="icon" :class="cn('h-7 w-7', props.class)" @click="toggleSidebar">
|
|
<PanelLeft />
|
|
<span class="sr-only">Toggle Sidebar</span>
|
|
</Button>
|
|
</template>
|