svelte-number-format Svelte Themes

Svelte Number Format

Svelte component to format numbers in an input or as a text.

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}(000)000-00-00") (optional)

Example

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

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

<NumberFormat
  mask="+{7}(000)000-00-00"
  bind:value="{inputValue}"
  displayType="input"
/>

License

MIT © Pitis Radu

Top categories

Loading Svelte Themes