AisTypeAheadEntry

AisTypeAheadEntry provides a simple two-line result display. The first line is for the primary label and the second provides context. This is a common form for typeahead search results. See AisTypeAhead and the documentation for its default slot to learn how the two components integrate.

Dr. David Skorton

President, Smithsonian Institution

<script setup>
import {AisTypeAheadEntry} from '@ais-public/ais-components'
</script>

<template>
  <AisTypeAheadEntry
      label="Dr. David Skorton"
      context="President, Smithsonian Institution"
  />
</template>

Props

label

The label prop serves as the primary string representation of the search result. As an example, if the search object represents a person, the label would typically be the person's full name.

context

The context prop provides additional context for the search result. To illustrate, if the result represents a person, the context may be a department or identifier like HawkId. Alternatively, if the result represents an academic department, its parent college may provide a useful context.