svelte-number-format

Number input component with prefixes and masks for Svelte 3.

Usage

Install with npm or yarn:

npm install --save svelte-number-format

Props

• value - the value of the input
• placeholder - the placeholder of the input (optional)
• displayType - can be text or input (by default: input)
• prefix - set characters before the input (optional)
• mask - the mask of the input, (example: "+{7}[phone]") (optional)

Example

<script lang="ts">
  import NumberFormat from 'svelte-number-format'
  let inputValue = ''

  $: console.log(inputValue)
</script>

<NumberFormat
  mask="+{7}[phone]"
  bind:value="{inputValue}"
  displayType="input"
/>

License

MIT © Pitis Radu