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