InputNumber: add leading and trailing slots

[Dominic-Marcelino]

Package

v4.x

Description

The InputNumber allows format-options via Intl.NumberFormat(), which works fine for standardized units.
Hover, if we need to append a custom value (e.g a unit like px) this can't be done through formatting. Therefore it'd be useful to provide leading and trailing slots like in other components, or alternatively add an prefix / suffix prop.

Vuetify example

Additional context

No response

[MuhammadM1998]

There are increment and decrement slots, which are equivalent to the leading & trailing slots in other components.

I'm using them to add a percentage % or a currency like EGP

<!-- Hide the decrement and replace the increment using the slot -->
<UInputNumber :decrement="false">
  <template #increment>EGP</template>
</UInputNumber>

[Dominic-Marcelino]

There are increment and decrement slots, which are equivalent to the leading & trailing slots in other components.

Indeed you could use the increment and decrement slots, but this means, as long as you want to keep the action-buttons, you have to rebuild them... Imho there should be an additional slot, independent of the actions