@inkline/inkline/components/ISelect/examples/prepend-append-text.demo.html

Inkline is the Vue.js UI/UX Library built for creating your next design system

<i-select
    v-model="prepend"
    :options="options"
    label="name"
    placeholder="Choose something.."
>
    <template #prepend>
        <span>I choose</span>
    </template>
</i-select>

<i-select
    v-model="append"
    :options="options"
    label="name"
    placeholder="Choose something.."
>
    <template #append>
        <span>as an example</span>
    </template>
</i-select>

<i-select
    v-model="prependAppend"
    :options="options"
    label="name"
    placeholder="Choose something.."
>
    <template #prepend>
        <span>I choose</span>
    </template>
    <template #append>
        <span>as an example</span>
    </template>
</i-select>