@urbanhire.com/select

UHSelect Component

Installing

npm i @urbanhire.com/select

Usage

<template>
  <UHSelect
    label='Text Label'
    name='text-input'
    placeholder='text input'
    :value='text-input'
    :options="[
      {
        text: 'Choose Options ...',
        value: '',
        selected: true,
        disabled: true
      },
      {
        text: 'Options 1',
        value: 'options1',
        selected: false
      },
      {
        text: 'Options 2',
        value: 'options2',
        selected: false
      },
      {
        text: 'Options 3',
        value: 'options3',
        selected: false
      },
      {
        text: 'Options 4',
        value: 'options4',
        selected: false
      }
    ]"
    @change="yourMethods($event)"
  />
</template>

<script>
import UHSelect from '@urbanhire.com/select'

export default {
  components: {
    UHSelect
  }
}
</script>

Props & Methods

Prop name	Type	Default	Description
id	String		The ID is Unique
label	String
className	String
name	String
autoWidth	Boolean	false
color	String	' '	One of : success, danger, warning, danger, info
placeholder	String
value	String
type	String	text	One of : text, number, email, password
infoLabelBottom	String
infoLabelTop	String
options	Array

LICENSE

MIT

AUTHORS

@riskinputra - idea & initial work