Tile UI Vue
Source code

Components

Command

Command palette primitives.

Use Command to build searchable command menus and palettes.

No results found.
Suggestions
Calendar
Search
Settings
import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from '@tile-ui/vue';
 
export default function CommandDemo() {
	return (
		<Command>
			<CommandInput placeholder="Type a command..." aria-label="Search commands" />

Registry install

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

Package usage

import { Command, CommandInput, CommandList, CommandGroup, CommandItem } from '@tile-ui/vue';
 
<Command>
	<CommandInput placeholder="Search" />
	<CommandList>
		<CommandGroup>
			<CommandItem>Item one</CommandItem>
		</CommandGroup>
	</CommandList>
</Command>

Highlights

  • Input, list, group, and item
  • Custom filter
  • Loop navigation

Registry dependencies

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

API reference

Command

Prop Type Default
items CommandItemDef[] —
groups CommandGroupDef[] —
filter (value: string, search: string, keywords?: string[]) => boolean —
loop boolean —
PreviousComboboxNextContextMenu