Files
zeroone/src/components/ui/dropdown-menu/DropdownMenuItem.vue
KM 6e4dc5e9db init
Initial mock up of the app
2024-01-22 12:03:56 +01:00

29 lines
831 B
Vue

<script setup>
import { DropdownMenuItem } from "radix-vue";
import { cn } from "@/lib/utils";
const props = defineProps({
disabled: { type: Boolean, required: false },
textValue: { type: String, required: false },
asChild: { type: Boolean, required: false },
as: { type: null, required: false },
inset: { type: Boolean, required: false },
class: { type: String, required: false },
});
</script>
<template>
<DropdownMenuItem
v-bind="props"
:class="[
cn(
'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
inset && 'pl-8',
props.class
),
]"
>
<slot />
</DropdownMenuItem>
</template>