Location Combobox

Combobox tuned for picking countries, cities, or any location-like option. Supports a pinned section at the top for recent or featured items.

Default

Pass options as { value, label } pairs.

Dark previewReplay previewOpen in new tab

Usage

Import the parts you need from the component's folder.

ts
import { LocationCombobox } from "@/components/ui/location-combobox";

With pinned

pinned values appear at the top of the list.

Dark previewReplay previewOpen in new tab

Disabled

Pass disabled to block selection.

Dark previewReplay previewOpen in new tab

API Reference

LocationCombobox

PropTypeDefaultDescription
modelValuestring""Selected label. Supports v-model.
options{ value, label }[][]Available options.
pinnedstring[][]Values to surface at the top.
placeholderstring—Placeholder text.
disabledbooleanfalseDisable selection.
EventDescription
update:modelValueFires with the selected value. Enables v-model.