Skip to content

Chips

Chips are like checkboxes, except that there are multiple and you can only select one.

vue
<script setup>
import { ref } from "vue";

const value = ref("option 1");
</script>

<Chips v-model="value" :items="['option 1', 'option 2', 'option 3', 'option 4']" />
<script setup>
import { ref } from "vue";

const value = ref("option 1");
</script>

<Chips v-model="value" :items="['option 1', 'option 2', 'option 3', 'option 4']" />