Tile UI Vue
Source code

Components

Combobox

Searchable combobox.

Use Combobox to select from a searchable list.

import { Combobox } from '@tile-ui/vue';
 
export default function ComboboxDemo() {
	return (
		<Combobox
			items={[

Registry install

pnpm dlx shadcn@latest add @tile-ui/combobox

Package usage

import { Combobox } from '@tile-ui/vue';
 
<Combobox
	items={[
		{ value: "apple", label: "Apple" },
		{ value: "banana", label: "Banana" },
	]}
	placeholder="Pick a fruit"
/>

Highlights

  • Search filter
  • Items with keywords
  • Empty and not-found text

Registry dependencies

Item Purpose
combobox Component source and module styles
core Framework-agnostic logic helpers
styles Shared SCSS tokens and globals

API reference

Combobox

Prop Type Default
items ComboboxItem[] —
value string —
onValueChange (value: string) => void —
placeholder string —
searchPlaceholder string —
emptyText string —
notFoundText string —
maxItems number —
disabled boolean —
filter (item: ComboboxItem, query: string) => boolean —
PreviousCollapsibleNextCommand