@inkline/inkline/components/ISelect/examples/prefix-suffix.demo.html

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

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

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

<i-select
    v-model="prefixSuffix"
    :options="options"
    label="name"
    placeholder="Choose something.."
>
    <template #prefix>
        <span>@</span>
    </template>
    <template #suffix>
        <span>@</span>
    </template>
</i-select>