select

shadcn-vue/select

FreeComponent

shadcn-vue publishes no description for this item.

Live preview

live · rendered by the registry

Rendered by shadcn-vue on their own page — this is the component running, not a screenshot of it.

Install it

npx shadcn@latest add https://shadcn-vue.com/r/styles/new-york/select.json

Source

ui/select/Select.vueshadcn-vue.com/r/styles/new-york/select.json

1<script setup lang="ts">
2import type { SelectRootEmits, SelectRootProps } from "reka-ui"
3import { SelectRoot, useForwardPropsEmits } from "reka-ui"
4 
5const props = defineProps<SelectRootProps>()
6const emits = defineEmits<SelectRootEmits>()
7 
8const forwarded = useForwardPropsEmits(props, emits)
9</script>
10 
11<template>
12  <SelectRoot v-bind="forwarded">
13    <slot />
14  </SelectRoot>
15</template>

What it pulls in

npm packages

reka-ui
@vueuse/core

Files it writes

ui/select/Select.vue
ui/select/SelectContent.vue
ui/select/SelectGroup.vue
ui/select/SelectItem.vue
ui/select/SelectItemText.vue
ui/select/SelectLabel.vue
ui/select/SelectScrollDownButton.vue
ui/select/SelectScrollUpButton.vue
ui/select/SelectSeparator.vue
ui/select/SelectTrigger.vue
ui/select/SelectValue.vue
ui/select/index.ts

More from shadcn-vue

All 66 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
accordionaccordion	shadcn-vue	Components	Free	2 deps · 5 files
alertalert	shadcn-vue	Components	Free	no deps · 4 files
alert-dialogalert-dialog	shadcn-vue	Components	Free	2 deps · 10 files
aspect-ratioaspect-ratio	shadcn-vue	Components	Free	1 dep · 2 files
attachmentattachment	shadcn-vue	Components	Free	1 dep · 10 files
avataravatar	shadcn-vue	Components	Free	2 deps · 4 files
badgebadge	shadcn-vue	Components	Free	2 deps · 2 files
breadcrumbbreadcrumb	shadcn-vue	Components	Free	1 dep · 8 files