2.1.0 • Published 11 months ago
@hixme-ui/percentage v2.1.0
Percentage
npm i --save @hixme-ui/percentage
Props
Name | Type | Default |
---|---|---|
hideDecimals | bool | false |
value | number | null |
Basic Usage
Percentage can use a child value or a value prop for the number, and handles decimal placement and rounding.
import Input from '@hixme-ui/percentage'
<Percentage value='0.314' />
<Percentage>0.314</Percentage>
// both output 31.40%
hideDecimals
<Percentage hideDecimals value='0.891342' />
// outputs 89%
Format
Percentage has a static format function if needed outside of a JSX context.
Percentage.format({
value: 0.1234
})
// outputs 12.34%
Percentage.format({
value: 0.1234,
hideDecimals: true,
})
// outputs 12%
2.1.0
11 months ago
2.0.0-alpha.13
12 months ago
2.0.0
12 months ago
3.0.2
3 years ago
2.0.0-alpha.12
3 years ago
2.0.0-alpha.7
3 years ago
2.0.0-alpha.8
3 years ago
2.0.0-alpha.9
3 years ago
2.0.0-alpha.11
3 years ago
2.0.0-alpha.3
3 years ago
2.0.0-alpha.10
3 years ago
2.0.0-alpha.4
3 years ago
2.0.0-alpha.5
3 years ago
2.0.0-alpha.6
3 years ago
2.0.0-alpha.2
3 years ago
1.20.7
3 years ago
1.20.5
3 years ago
1.20.4
5 years ago
1.20.2
5 years ago
1.20.1
6 years ago
2.0.0-alpha.0
6 years ago
1.20.0
6 years ago
1.19.2
6 years ago
1.17.2
6 years ago
1.17.1
6 years ago
1.16.1
6 years ago
1.15.0
6 years ago
1.14.5
6 years ago
1.14.4
6 years ago
1.14.3
6 years ago
1.14.2
6 years ago
1.14.1
6 years ago
1.14.0
6 years ago
1.13.1
6 years ago
1.12.0
6 years ago
1.11.0
6 years ago
1.10.0
6 years ago
1.1.1
7 years ago
1.0.12
7 years ago
1.0.11
7 years ago