@inkline/inkline/src/components/INumberInput/examples/prepend-append-button.demo.html

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

<i-number-input v-model="prepend" placeholder="Enter a number..">
    <template #prepend>
        <i-button>Button</i-button>
    </template>
</i-number-input>

<i-number-input v-model="append" placeholder="Enter a number..">
    <template #append>
        <i-button>Button</i-button>
    </template>
</i-number-input>

<i-number-input v-model="prependAppend" placeholder="Enter a number..">
    <template #prepend>
        <i-button>Button</i-button>
    </template>
    <template #append>
        <i-button>Button</i-button>
    </template>
</i-number-input>