New Jul 1, 2026

How to use select ui component in Laravel vue-starter-kit

Libraries, Frameworks, etc. All from Newest questions tagged vue.js - Stack Overflow View How to use select ui component in Laravel vue-starter-kit on stackoverflow.com

I am using Laravel's vue-starter-kit and inside resources/js/components/ui/ folder there are some different ui components. For example If you need to use Input it's easy, this is how:

import { Input } from '@/components/ui/input';

<Input id="name" v-model="team.name" type="text" placeholder="choose a name..." />

Now I am trying to use Select component and I don't know how! I have an array of objects called groups and I need to use them as options for the select component. (Each Group has a title<string> and an id<number>)

import { Select } from '@/components/ui/select';

<Select v-model="team.group" :options="groups" />

Of course when I try using Select component this way, I get no where! How can I use this select ui component? what do I need to import, how can I pass in my options?

Scroll to top