Tag List

WARNING

Tag list will be deprecated by the Autocomplete component in a future release.

<template>
  <ci-tag-list v-model="tagList" full-width />
</template>
<script>
export default {
  data() {
    return {
      tagList: ['One', 'Two', 'Three']
    }
  }
}
</script>

Leveraging Input

The TagList component uses input under the hood, so you have access to all of the props available on Inputs for labeling, error, success etc. See the Input Docs for more information.

<template>
  <ci-tag-list
    v-model="tagList"
    label="Label"
    description="My description"
    sublabel="Sublabel"
    error="My error message"
    fullwidth
  />
</template>
<script>
export default {
  data() {
    return {
      tagList: ['One', 'Two', 'Three']
    }
  }
}
</script>