Skip to content

Slots

SlotScopeDescription
header:beforeContent rendered before the currency code in the header (e.g. icon).
header:afterContent rendered after the currency code in the header (e.g. icon).
header:chevronReplaces the default chevron (dropdown indicator).
item:beforeContent rendered before each item in the dropdown list.
item:afterContent rendered after each item in the dropdown list.

Example

vue
<CurrencyInput v-model="model">
  <template #header:before>
    <span>💰</span>
  </template>
</CurrencyInput>