FormatNumber

Used to format numbers to a specific format.

Demo

React

6,913,847

6,913,847.25

6,913,847.2500

Vue

6,913,847

6,913,847.25

6,913,847.2500

Usage

React

import { FormatNumber } from '@fintech-sandpit/ui/react';

return (
  <FormatNumber
    value={6913847.25}
  />

  <FormatNumber
    value={6913847.25}
    fraction={2}
  />

  <FormatNumber
    value={6913847.25}
    fraction={4}
  />
);

Vue

<script setup lang="ts">
import { FormatNumber } from '@fintech-sandpit/ui/vue';
</script>

<template>
  <FormatNumber
    :value="6913847.25"
  />

  <FormatNumber
    :value="6913847.25"
    :fraction="2"
  />

  <FormatNumber
    :value="6913847.25"
    :fraction="4"
  />
</template>

Props

Name	Type	Required	Default	Description
value	number	Yes		Value to format
fraction	number		0	Number of fractional digits