@feinzer/v-dropdown v0.0.5

@feinzer/v-dropdown

Simple and reusable select/dropdown component using VueJS Slots.

Installation

npm install @feinzer/v-dropdown

or

yarn add @feinzer/v-dropdown

Usage

import { Dropdown } from '@feinzer/v-dropdown';

export default {
  ...
  components: {
    Dropdown,
  },
  ...
  data() {
    return {
      selected: Object,
      options: [
        ...
      ]
    };
  },
  ...
};

<Dropdown
  v-slot="{ select }"
  v-model="selected"
>
  <div
    v-for="option in options"
    :key="option.key"
    @click="select(option)"
  >
    Option content
  </div>
</Dropdown>

Props

Dropdown