Informations

This component uses MazInput and therefore inherits all these options

v-model:

Search - custom options list - position="top right"

Select input with search textfield

Multiple - custom left icon

You can choose multiple values

v-model: [ "first", "fourth" ]

add_circle_outline
Basic
Colors

Colors list: [ "primary", "secondary", "third", "success", "danger", "warning", "grey", "info", "light", "dark", "default", "white", "black", "transparent" ]

Error
Success
Warning

How to use it ?

  <template>
  <MazSelect
    v-model="value"
    :options="options"
  />
</template>

<script>
  import { MazSelect } from 'maz-ui'
  export default {
    components: { MazSelect }
    data () {
      return {
        value: null,
        options: [
          { label: 'None', value: null },
          { label: 'First option', value: 'first' },
          { label: 'Second option', value: 'second' },
          { label: 'Third option', value: 'third' }
        ]
      }
    }
  }
</script>