Autocomplete - Pharen

Use Autocomplete 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 { Autocomplete, AutocompleteClear, AutocompleteContent, AutocompleteEmpty, AutocompleteGroup, AutocompleteGroupLabel, AutocompleteInput, AutocompleteItem, AutocompleteList, AutocompleteSeparator, AutocompleteTrigger, AutocompleteArrow, AutocompleteBackdrop, AutocompleteCollection, AutocompleteItemIndicator, AutocompletePortal, AutocompletePositioner, AutocompleteRow, AutocompleteStatus, AutocompleteValue } from '@pharen/ui';

Example

<script setup lang="ts">
import { Autocomplete, AutocompleteTrigger, AutocompleteContent } from '@pharen/ui';
</script>

<template>
  <Autocomplete>
    <AutocompleteTrigger>Open autocomplete</AutocompleteTrigger>
    <AutocompleteContent>Autocomplete content</AutocompleteContent>
  </Autocomplete>
</template>

Exports

Export	Purpose
`Autocomplete`	Exported Vue component from this module.
`AutocompleteClear`	Exported Vue component from this module.
`AutocompleteContent`	Contains the visible content.
`AutocompleteEmpty`	Exported Vue component from this module.
`AutocompleteGroup`	Groups related items.
`AutocompleteGroupLabel`	Labels a value or region.
`AutocompleteInput`	Exported Vue component from this module.
`AutocompleteItem`	Represents one item.
`AutocompleteList`	Exported Vue component from this module.
`AutocompleteSeparator`	Separates adjacent regions.
`AutocompleteTrigger`	Opens or activates the component.
`AutocompleteArrow`	Exported Vue component from this module.
`AutocompleteBackdrop`	Exported Vue component from this module.
`AutocompleteCollection`	Exported Vue component from this module.
`AutocompleteItemIndicator`	Exported Vue component from this module.
`AutocompletePortal`	Exported Vue component from this module.
`AutocompletePositioner`	Exported Vue component from this module.
`AutocompleteRow`	Exported Vue component from this module.
`AutocompleteStatus`	Exported Vue component from this module.
`AutocompleteValue`	Exported Vue component from this module.

Source

Open the source on GitHub