@inmortalqueen/svelte-input-price-formatter v1.0.1

💰 Svelte-input-price-formatter 💰

Number to price input formatter

📦 Installation:

npm i @inmortalqueen/svelte-input-price-formatter

🔧 Configuration

• Default Input Price:

  <script>
      import InputPriceFormatter from "@inmortalqueen/svelte-input-price-formatter";
  </script>
  
  <InputPriceFormatter />

  

• Customize placeholder:

  <script>
      import InputPriceFormatter from "@inmortalqueen/svelte-input-price-formatter";
  </script>
  
  <InputPriceFormatter placeholder="200000" />
  <InputPriceFormatter placeholder="123456" />

  

• Customize locale:

  <script>
      import InputPriceFormatter from "@inmortalqueen/svelte-input-price-formatter";
  </script>
  
  <InputPriceFormatter locale="es-AR" />
  <InputPriceFormatter locale="es-ES" />
  <InputPriceFormatter locale="ja-JP" />

  

  • All locales you can use

    LOCALE	SYMBOL	CURRENCY
    "en-CA"	$	Canadian dollar
    "en-GB"	£	Pound sterling
    "en-US"	$	American dollar
    "es-AR"	$	Argentine peso
    "es-ES"	€	Euro
    "es-MX"	$	Mexican peso
    "ja-JP"	¥	Yen
    "pt-BR"	R$	Brazilian real
    "pt-PT"	€	Euro
    "zh-CN"	¥	Renminbi
    "zh-HK"	HK$	Hong Kong dollar
    "zh-TW"	$	new taiwan dollar

• Customize limit:

  <script>
      import InputPriceFormatter from "@inmortalqueen/svelte-input-price-formatter";
  </script>
  
  <InputPriceFormatter limit={1000} />
  <InputPriceFormatter limit={10000.55} />

  

• Get input value:

  <script>
      import InputPriceFormatter from "@inmortalqueen/svelte-input-price-formatter";
  
      let inputValue;
  
      $: console.log(inputValue);
  </script>
  
  <InputPriceFormatter bind:inputValue />