# vue-lite-select

> A Vue component to display a dropdown select easily

Latest version **1.0.5** (published 2017-01-17) · MIT license · 0 weekly downloads

## Install

```sh
npm install vue-lite-select
pnpm add vue-lite-select
yarn add vue-lite-select
bun add vue-lite-select
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.5 |
| Published | 2017-01-17 |
| First published | 2017-01-13 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Node | >= 4.0.0 |
| Dependencies | 2 |
| Known vulnerabilities | 0 (+26 in 2 direct dependencies) |
| Install scripts | no |
| Author | disitec |
| Maintainers | disitec |
| Keywords | vue, select |

## Links

- npm: https://www.npmjs.com/package/vue-lite-select
- Repository: https://github.com/disitec/vue-lite-select
- Homepage: https://github.com/disitec/vue-lite-select#readme
- Issues: https://github.com/disitec/vue-lite-select/issues
- npm.io page: https://npm.io/package/vue-lite-select

## Dependencies (2)

- [vue](https://npm.io/package/vue.md) ^2.1.0
- [axios](https://npm.io/package/axios.md) ^0.15.3

## Recent versions

- 1.0.5 (latest) — 2017-01-17
- 1.0.4 — 2017-01-17
- 1.0.3 — 2017-01-17
- 1.0.2 — 2017-01-16
- 1.0.1 — 2017-01-16
- 1.0.0 — 2017-01-13

## README

# vue-lite-select

A Vue component to display a dropdown select easily

## Install / Usage
``` bash
$ npm install vue-lite-select
```

```html
<template>
   <div id="app">
      <lite-select 
            v-model="user"
            placeholder="Pick User"
            :options="users"
      ></lite-select >
   </div>
</template>

<script>
import LiteSelect from 'vue-lite-select'
export default {
  components: { LiteSelect },
  data () {
      return {
        users: [
          { id: 1, name: 'John' },
          { id: 2, name: 'Jane' }
        ],
        user: null
      }
    }
}
</script>
```

## Optional props
``` bash
/* 
 * Passing a placeholder, option with value 0 will be prepended 
 */
 
placeholder: String,

/* 
 * You can pass an api url to get the data asynchronously 
 */
 
loadFrom: {
  type: [String, Boolean],
  default: false
},

/* 
 * The field that will be used in the option value
 */
 
keyField: {
  type: String,
  default: 'id'
},

/* 
 * The field that will be used in the label value
 */
 
nameField: {
  type: String,
  default: 'name'
},

/* 
 * The options to be displayed
 */
 
options: {
  type: Array,
  default: function () { return [] }
}

/* 
 * If you want to display the select in your bootstrap / bulma form
 */
 
frameworkCss: {
  type: [String, Boolean],
  default: false
}

```

---
_Source: https://npm.io/package/vue-lite-select · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._