react-persian

@thg303/react-persian is a fork of react-persian - a set of react components for Persian localization.

Installation

You can install this package via npm:

npm install @thg303/react-persian --save

Components

PersianNumber

You can use PersianNumber component to convert the digits to Persian form:

import React from 'react';
import { PersianNumber } from '@thg303/react-persian';

class Test extends React.Component {
  render() {
    return (<div>
      سال تولد: <PersianNumber>1372</PersianNumber> <!-- ۱۳۷۲ -->
    </div>);
  }
}

Properties

• latin (default: true): Enable converting Latin numbers to Persian numbers
• arabic (default: false): Enable converting Arabic numbers to Persian numbers
• format (default: false): Enable comma separate number every 3 digit
• removeCommas (default: false): Enable removing every comma from number/string

PersianNumberWords

You

import React from 'react';
import { PersianNumberWords } from '@thg303/react-persian';

class Test extends React.Component {
  render() {
    return (<div>
      قیمت: <PersianNumberWords>5600</PersianNumberWords> <!-- پنج هزار و ششصد -->
    </div>);
  }
}

functions

latinToPersian

You can use latinToPersian function to convert the digits to Persian:

import { latinToPersian } from '@thg303/react-persian';

class Test extends React.Component {
  render() {
    return (<button onClick={() => console.log(latingToPersian('44'))}>show 44 in persian</button>)
  }
}

arabicToPersian

You can use arabicToPersian function to convert the Arabic digits to Persian:

import { arabicToPersian } from '@thg303/react-persian';

class Test extends React.Component {
  render() {
    return (<button onClick={() => console.log(arabicToPersian('٤٥'))}>show ٤٥ in persian</button>)
  }
}

persianToLatin

You can use persianToLatin function to convert the Persian digits to Latin:

import { persianToLatin } from '@thg303/react-persian';

class Test extends React.Component {
  render() {
    return (<button onClick={() => console.log(persianToLatin('۴۴'))}>shows 44</button>)
  }
}

formatString

You can use formatString function to add commas every 3 characters fron right:

import { formatString } from '@thg303/react-persian';

class Test extends React.Component {
  render() {
    return (<button onClick={() => console.log(formatString('۲۵۰۰۰۰۰۰۰'))}> is equal to ۲۵۰,۰۰۰,۰۰۰</button>)
  }
}

removeCommasFromString

You can use formatString function to remove any commas from string:

import { removeCommasFromString } from '@thg303/react-persian';

class Test extends React.Component {
  render() {
    return (<button onClick={() => console.log(removeCommasFromString('۲۵۰,۰۰۰,۰۰۰'))}> is equal to ۲۵۰۰۰۰۰۰۰ (without commas)</button>)
  }
}