Select not displaying properly
ezekel opened this issue · comments
ezekel commented
I am using Laravel Jetstream + inertia + Vue, I created a simple select dropdown but it did not display properly
Node -v
v22.3.0
OS "Debian GNU/Linux 12 (bookworm)
<script setup lang="ts">
import {
Select,
SelectContent,
SelectGroup,
SelectItem,
SelectLabel,
SelectTrigger,
SelectValue,
} from '@/components/ui/select'
</script>
<template>
<Select>
<SelectTrigger class="w-[180px]">
<SelectValue placeholder="Select a fruit" />
</SelectTrigger>
<SelectContent>
<SelectGroup>
<SelectLabel>Fruits</SelectLabel>
<SelectItem value="apple">
Apple
</SelectItem>
<SelectItem value="banana">
Banana
</SelectItem>
<SelectItem value="blueberry">
Blueberry
</SelectItem>
<SelectItem value="grapes">
Grapes
</SelectItem>
<SelectItem value="pineapple">
Pineapple
</SelectItem>
</SelectGroup>
</SelectContent>
</Select>
</template>
Thank you in advance
Sadegh Barati commented
Can you share your inertia projects and also your tailwind config?
ezekel commented
Sorry it's working now I just re-installed the inertia and shadcnvue