All Projects → Gomah → Vue Places

Gomah / Vue Places

Licence: mit
Places component is based on places.js for Vue 2.x. Turn any <input> into an address autocomplete.

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Vue Places

react-native-element-textinput
A react-native TextInput, TagsInput and AutoComplete component easy to customize for both iOS and Android.
Stars: ✭ 28 (-73.58%)
Mutual labels:  autocomplete, input
React Input Enhancements
Set of enhancements for input control
Stars: ✭ 1,375 (+1197.17%)
Mutual labels:  autocomplete, input
Vue Input Tag
🔖 Vue.js 2.0 Input Tag Component
Stars: ✭ 507 (+378.3%)
Mutual labels:  input, vuejs2
Angular Search Experience
Algolia + Angular = 🔥🔥🔥
Stars: ✭ 167 (+57.55%)
Mutual labels:  algolia, autocomplete
Stf Vue Select
stf vue select - most flexible and customized select
Stars: ✭ 61 (-42.45%)
Mutual labels:  input, vuejs2
paper-chip
A chip web component made with Polymer 2 following Material Design guidelines
Stars: ✭ 30 (-71.7%)
Mutual labels:  autocomplete, input
React Native Autocomplete Input
Pure javascript autocomplete input for react-native
Stars: ✭ 615 (+480.19%)
Mutual labels:  autocomplete, input
Places
🌐 Turn any <input> into an address autocomplete
Stars: ✭ 5,322 (+4920.75%)
Mutual labels:  algolia, autocomplete
V Tag Suggestion
A simple tag component with typeahead
Stars: ✭ 40 (-62.26%)
Mutual labels:  autocomplete, vuejs2
React Input Tags
React component for tagging inputs.
Stars: ✭ 10 (-90.57%)
Mutual labels:  autocomplete, input
Openlaravel
A collection of open source projects built using Laravel.
Stars: ✭ 106 (+0%)
Mutual labels:  algolia, vuejs2
Core Components
Accessible and lightweight Javascript components
Stars: ✭ 85 (-19.81%)
Mutual labels:  autocomplete, input
Vue Cool Select
Select with autocomplete, slots, bootstrap and material design themes.
Stars: ✭ 195 (+83.96%)
Mutual labels:  autocomplete, input
angular-search-experience
Algolia + Angular = 🔥🔥🔥
Stars: ✭ 166 (+56.6%)
Mutual labels:  autocomplete, algolia
React Selectrix
A beautiful, materialized and flexible React Select control
Stars: ✭ 166 (+56.6%)
Mutual labels:  autocomplete, input
Autocompletefield
Subclass of UITextField that shows inline suggestions while typing.
Stars: ✭ 656 (+518.87%)
Mutual labels:  autocomplete, input
V Suggest
A Vue2 plugin for input content suggestions, support using keyboard to navigate and quick pick, it make use experience like search engine input element
Stars: ✭ 67 (-36.79%)
Mutual labels:  autocomplete, input
Autocomplete
🔮 Fast and full-featured autocomplete library
Stars: ✭ 1,268 (+1096.23%)
Mutual labels:  algolia, autocomplete
React Autocomplete Input
Autocomplete input field for React
Stars: ✭ 100 (-5.66%)
Mutual labels:  autocomplete
Ncm R
R autocompletion for Neovim and vim 8 📝 📊 ⚡️
Stars: ✭ 102 (-3.77%)
Mutual labels:  autocomplete

vue-places

Places component is based on places.js for Vue 2.x.

Turn any into an address autocomplete

circle-ci npm version Dependencies npm downloads code style: prettier License: MIT


Installation

# yarn
$ yarn add vue-places

# npm
$ npm install vue-places --save

Example

<template>
  <places
    v-model="form.country.label"
    placeholder="Where are we going ?"
    @change="val => { form.country.data = val }"
    :options="options">
  </places>
</template>

<script>
import Places from 'vue-places';

export default {
  data() {
    return {
      options: {
        appId: <YOUR_PLACES_APP_ID>,
        apiKey: <YOUR_PLACES_API_KEY>,
        countries: ['US'],
      },
      form: {
        country: {
          label: null,
          data: {},
        },
      },
    };
  },
  components: {
    Places,
  },
}
</script>

Algolia Places Documentation

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].