<template>
  <DfSelect v-model="value" placeholder="请选择">
    <DfSelectOption label="选项 1" value="1" />
    <DfSelectOption label="选项 2" value="2" />
  </DfSelect>

  <!-- 多选 tags 展示 -->
  <DfSelect
    v-model="values"
    multiple
    multiple-display="tags"
    collapse-tags-tooltip
    :max-collapse-tags="1"
    clearable
    placeholder="请选择"
  >
    <DfSelectOption label="Option1" value="1" />
    <DfSelectOption label="Option2" value="2" />
    <DfSelectOption label="Option3" value="3" />
    <DfSelectOption label="Option4" value="4" />
  </DfSelect>
</template>

<script setup>
import { DfSelect, DfSelectOption } from '@daflow-ui/ui-select';
import '@daflow-ui/ui-select/style.css';
</script>