react-persian is a set of react components for Persian localization.
You can install this package via npm:
npm install react-persian --saveYou can use PersianNumber component to convert the digits to Persian form:
import React from 'react';
import { PersianNumber } from 'react-persian';
class Test extends React.Component {
render() {
return (<div>
سال تولد: <PersianNumber>1372</PersianNumber> <!-- ۱۳۷۲ -->
</div>);
}
}- 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
You
import React from 'react';
import { PersianNumberWords } from 'react-persian';
class Test extends React.Component {
render() {
return (<div>
قیمت: <PersianNumberWords>5600</PersianNumberWords> <!-- پنج هزار و ششصد -->
</div>);
}
}You can use latinToPersian function to convert the digits to Persian:
import { latinToPersian } from 'react-persian';
class Test extends React.Component {
render() {
return (<button onClick={() => console.log(latingToPersian('44'))}>show 44 in persian</button>)
}
}You can use arabicToPersian function to convert the Arabic digits to Persian:
import { arabicToPersian } from 'react-persian';
class Test extends React.Component {
render() {
return (<button onClick={() => console.log(arabicToPersian('٤٥'))}>show ٤٥ in persian</button>)
}
}You can use formatString function to add commas every 3 characters fron right:
import { formatString } from 'react-persian';
class Test extends React.Component {
render() {
return (<button onClick={() => console.log(formatString('۲۵۰۰۰۰۰۰۰'))}> is equal to ۲۵۰,۰۰۰,۰۰۰</button>)
}
}You can use formatString function to remove any commas from string:
import { removeCommasFromString } from 'react-persian';
class Test extends React.Component {
render() {
return (<button onClick={() => console.log(removeCommasFromString('۲۵۰,۰۰۰,۰۰۰'))}> is equal to ۲۵۰۰۰۰۰۰۰ (without commas)</button>)
}
}
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent