Combobox - Pharen

Use Combobox to collect and edit a value. This page covers every Vue component exported by the public module.

Install the package and import its styles once. See Installation for the complete setup.

Import

import { Combobox, ComboboxAnchor, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxItemIndicator, ComboboxList, ComboboxSeparator, ComboboxViewport, ComboboxCancel, ComboboxTrigger } from '@pharen/ui';

Example

<script setup lang="ts">
import { Combobox, ComboboxItem } from '@pharen/ui';
</script>

<template>
  <Combobox>
    <ComboboxItem>First item</ComboboxItem>
  </Combobox>
</template>

Exports

Export	Purpose
`Combobox`	Exported Vue component from this module.
`ComboboxAnchor`	Exported Vue component from this module.
`ComboboxEmpty`	Exported Vue component from this module.
`ComboboxGroup`	Groups related items.
`ComboboxInput`	Exported Vue component from this module.
`ComboboxItem`	Represents one item.
`ComboboxItemIndicator`	Exported Vue component from this module.
`ComboboxList`	Exported Vue component from this module.
`ComboboxSeparator`	Separates adjacent regions.
`ComboboxViewport`	Exported Vue component from this module.
`ComboboxCancel`	Exported Vue component from this module.
`ComboboxTrigger`	Opens or activates the component.

Source

Open the source on GitHub