dropup-multiselect

this Vue package was developed by nachman rosen to provide a simple dropup multiselect component. Create your own option objects in the options data property in DropUpContainer.vue. Options defaulted to : options:[{name:'apples', value: '2.00'}, {name:'

Usage no npm install needed!

<script type="module">
  import dropupMultiselect from 'https://cdn.skypack.dev/dropup-multiselect';
</script>

README

dropup

this Vue package was developed by nachman rosen to provide a simple dropup multiselect component. Create your own option objects in the options data property in DropUpContainer.vue. Options defaulted to : options:[{name:'apples', value: '2.00'}, {name:'oranges', value: '3.00'}, {name :'coffee', value: '12.00'}, {name:'orange-juice', value:'8.00'}]

Set the description to your values using the description string in DropUpContainer.vue. Its defaulted to: description: 'price: },

Toggle the multiselect on and off using the radio button on the bottom

When using numeric values, you can display the total of the selected values, just set the numericValues prop to true. Its defaulted to false to allow for string values.