pretty-autocomplete v0.0.6

pretty-autocomplete

Demo

https://stackblitz.com/edit/angular-ivy-ahvbfd

-------------------INSTALLATION----------------------

    npm i pretty-autocomplete --force
    import { AutocompleteModule } from 'pretty-autocomplete'

------------------------USAGE------------------------

    <autocomplete 
        [placeholder]="placeholder" 
        [route]="route" //ROUTE WHEN CLICK ON SUGGESTED ITEMS
        [data]="data" //SOURCE DATA
        [color]="'ff555'" //COLOR OF AUTOCOMPLETE PROGRESS BAR
        [fade]="true" //PROGRESS BAR FADE OR NO?
    >
    </autocomplete>
    

example of using :

TS file:

      data = ["bmw220","bmw330", "benz340", "pegeout405"]
      route = "routes/"
      placeholder = "Type to search"
      

Template file:

    <autocomplete 
        [placeholder]="placeholder" 
        [route]="route" 
        [data]="data" 
        [color]="'ff555'"
        [fade]="true" 
    >
    </autocomplete>

      

when user search "bmw 220" bmw220 will appear and when click on it,routes/bmw220 will active

** : minimum lenght of search is 3 charachter