Dropdown ​

A dropdown component that provides a list of selectable options with optional search capability.

When to Use

• To allow users to select a single or multiple options from a predefined list.

Usage ​

import { Dropdown } from '@youcan/alto';
import type { DropdownValue } from '@youcan/alto/types';

<Dropdown v-model="value" :items="items" placeholder="Select item" />

API Reference ​

Examples ​

Multiple ​

Multiple selection, selecting from existing items.

Searchable ​

Search the options while expanded.

Group ​

Group options under categorized headings.

Custom row ​

Customizable appearance of each dropdown item.