https://github.com/firelemons/abbreviation-autocomplete

An autocomplete for abbreviations/acronyms searching by description rather than the abbreviation text.
https://github.com/firelemons/abbreviation-autocomplete

autocomplete component component-library vue

Last synced: 22 days ago
JSON representation

An autocomplete for abbreviations/acronyms searching by description rather than the abbreviation text.

• Host: GitHub
• URL: https://github.com/firelemons/abbreviation-autocomplete
• Owner: FireLemons
• License: mit
• Created: 2019-12-23T18:14:31.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2021-05-14T17:55:49.000Z (over 3 years ago)
• Last Synced: 2024-11-28T20:29:52.048Z (30 days ago)
• Topics: autocomplete, component, component-library, vue
• Language: JavaScript
• Homepage:
• Size: 195 KB
• Stars: 5
• Watchers: 3
• Forks: 5
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Abbreviation-Autocomplete

An autocomplete for abbreviations/acronyms searching by description rather than the abbreviation text.

![autocomplete_screenshot](https://raw.githubusercontent.com/FireLemons/DocumentationMaterials/3adbd2389ba4b9750b4c2cf03a855c3ed31f3b80/img/screenshot.png)

### [Live Example](https://firelemons.github.io/AutocompleteExample/vue/)

## Props

##### data

The autocomplete options

The options are an array of objects in the form

    {

      a: "Abbreviation or Acronym",

      d: "Definition or Description"

    }

e.g.

    [

      {

        a:"EG",

        d:"Egypt"

      },

      {

        a:"SV",

        d:"El Salvador"

      }

    ]

##### limit(Optional)

The autocomplete results limit  

`Infinity` by default

##### min-search-text-length(Optional)

The minimum number of characters typed before autocomplete results are displayed  

1 by default

##### placeholder(Optional)

Placeholder text for the search text input

## Events  

##### @update:search-text

Triggered whenever the search text changes

Emits the text of the autocomplete search

##### @select

Triggered after selecting an option in the dropdown  

Emits the object representing the option selected