@crave/farmblocks-input-currency NPM

Farmblocks Currency Input

a form field to input currency values

Installation

npm install @crave/farmblocks-input-currency

Usage

import React, { Component } from "react";
import { render } from "react-dom";
import CurrencyInput from "@crave/farmblocks-input-currency";

const root = document.createElement("div");
document.body.appendChild(root);

render(
  <div>
    <CurrencyInput prefix="$" value={123.45} />
  </div>,
  root
);

See the stories source code for more usage examples.

Properties

This component is an extension of the farmblocks-input-text using react-number-format instead of a regular html input. So the props for those packages are available here as well.

Here is a list of the most common props to be used with currency:

property	type	description	default	required
label	string	A text to be used as label for the field		no
value	number	The initial currency value	`0`	no
fixedDecimalScale	boolean	If true it add 0s to match given decimalScale	`true`	no
decimalScale	number	Number of digits after the decimal separator	`2`	no
decimalSeparator	string	The decimal separator	`"."`	no
thousandSeparator	string	The thousand separator	`","`	no
allowNegative	boolean	Allows negative numbers in the input	`false`	no
prefix	string	Text to display at left of the input		no
suffix	string	Text to display at right of the input		no

License

MIT

farmblocks react

@crave/farmblocks-input-text react-number-format

@everything-registry/sub-chunk-202 @zalastax/nolb-_cra @infinitebrahmanuniverse/nolb-_cra

1.4.14-alpha-update-deps-6179.1.10

4 years ago

1.4.15

4 years ago

1.4.14

4 years ago

1.4.14-alpha-update-deps-6181.1.11

4 years ago

1.4.14-alpha-update-deps-6177.1.7

4 years ago

1.4.15-alpha-fix-deps-6232.1.2

4 years ago

1.4.14-alpha-update-deps-6221.1.34

4 years ago

1.4.13-alpha-adjust-xsmall-font-size-value-6142.1.0

4 years ago

1.4.13

4 years ago

1.4.13-alpha-lerna-force-publish-6137.1.0

4 years ago

1.4.10

4 years ago

1.4.9

5 years ago

1.4.9-alpha-add-font-size-6125.1.7

5 years ago

1.4.8

5 years ago

1.4.7

5 years ago

1.4.8-alpha-update-icons-1.4

5 years ago

1.4.8-alpha-update-icons-6066.1.4

5 years ago

1.4.8-alpha-update-icons-6070.1.4

5 years ago

1.4.8-alpha-update-icons-2.4

5 years ago

1.4.7-alpha-update-deps-032021-6038.1.59

5 years ago

1.4.7-alpha-update-deps-032021-6011.1.42

5 years ago

1.4.7-alpha-update-deps-032021-6016.1.46

5 years ago

1.4.7-alpha-table-redesign-manual-1.8

5 years ago

1.4.6-alpha-icon-publish-5935.1.5

5 years ago

1.4.6

5 years ago

1.4.5

5 years ago

1.4.5-alpha-esmodules-5925.1.9

5 years ago

1.4.5-alpha-esmodules-5921.1.10

5 years ago

1.4.5-alpha-esmodules-5917.1.9

5 years ago

1.4.4-alpha-button-line-height-5901.1.2

5 years ago

1.4.4

5 years ago

1.4.3-alpha-fix-button-white-space-5896.1.2

5 years ago

1.4.3

5 years ago

1.4.3-alpha-fix-button-white-space-5898.1.2

5 years ago

1.4.2

5 years ago

1.4.2-alpha-button-redesign-5892.1.14

5 years ago

1.4.2-alpha-button-redesign-5890.1.18

5 years ago

1.4.2-alpha-button-redesign-5888.1.18

5 years ago

1.4.2-alpha-button-redesign-5884.1.15

5 years ago

1.4.1

5 years ago

1.4.1-alpha-protected-currency-5867.1.7

5 years ago

1.4.0

6 years ago

1.3.22-alpha-redesign-hoc-input-5856.1.33

6 years ago

1.3.22-alpha-redesign-hoc-input-5854.1.33

6 years ago

1.3.21

6 years ago

1.3.21-alpha-another-icon-test-5832.1.6

6 years ago

1.3.21-alpha-another-icon-test-5829.1.4

6 years ago

1.3.21-alpha-fix-icons-react-import-5810.1.3

6 years ago

1.3.21-alpha-fix-icons-react-import-5816.1.3

6 years ago

1.3.21-alpha-fix-icons-react-import-5812.1.4

6 years ago

1.3.21-alpha-fix-github-dribbble-icons-5818.1.1

6 years ago

1.3.21-alpha-fix-icons-react-import-5814.1.2

6 years ago

1.3.21-alpha-fix-icons-react-import-5808.1.2

6 years ago

1.3.20

6 years ago

1.3.20-alpha-dropdown-button-props-5805.1.3

6 years ago

1.3.19

6 years ago

1.3.19-alpha-redesign-form-fields-5789.1.7

6 years ago

1.3.19-alpha-redesign-form-fields-5777.1.6

6 years ago

1.3.18-alpha-new-label-5765.1.5

6 years ago

1.3.18

6 years ago

1.3.19-alpha-redesign-form-fields-5774.1.4

6 years ago

1.3.19-alpha-redesign-form-fields-5775.1.6

6 years ago

1.3.18-alpha-redesign-form-fields-5772.1.8

6 years ago

1.3.18-alpha-new-label-5761.1.7

6 years ago

1.3.18-alpha-redesign-form-fields-5751.1.9

6 years ago

1.3.18-alpha-redesign-form-fields-5753.1.9

6 years ago

1.3.18-alpha-new-label-5742.1.5

6 years ago

1.3.17

6 years ago

1.3.16

6 years ago

1.3.15

6 years ago

1.3.15-alpha-upd-dep-280220-5690.1.25

6 years ago

1.3.14

6 years ago

1.3.14-alpha-textarea-focus-5684.1.2

6 years ago

1.3.13

6 years ago

1.3.13-alpha-card-border-5673.1.3

6 years ago

1.3.13-alpha-card-border-5671.1.2

6 years ago

1.3.12

6 years ago

1.3.12-alpha-responsive-text-5665.1.3

6 years ago

1.3.11

6 years ago

1.3.11-alpha-input-border-radius-5660.1.2

6 years ago

1.3.10

6 years ago

1.3.10-alpha-new-primary-button-colors-5656.1.2

6 years ago

1.3.9

6 years ago

1.3.9-alpha-link-fontweight-5650.1.2

6 years ago

1.3.8

6 years ago

1.3.8-alpha-image-with-box-shadow-5646.1.2

6 years ago

1.3.7

6 years ago

1.3.6

6 years ago

1.3.6-alpha-tangerine-5635.1.1

6 years ago

1.3.5

6 years ago

1.3.5-alpha-fix-proptype-warning-5631.1.1

6 years ago

1.3.3-alpha-upd-depss-5608.1.6

6 years ago

1.3.4

6 years ago

1.3.3

6 years ago

1.3.3-alpha-upd-depss-5616.1.19

6 years ago

1.3.2-alpha-mobile-tooltip-5602.1.9

6 years ago

1.3.2-alpha-mobile-tooltip-5605.1.10

6 years ago

1.3.2-alpha-mobile-tooltip-5599.1.14

6 years ago

1.3.2

6 years ago

1.3.2-alpha-responsive-modal-5603.1.10

6 years ago

1.3.2-alpha-responsive-modal-5591.1.7

6 years ago

1.3.1-alpha-use-new-icons-5576.1.28

6 years ago

1.3.1

6 years ago

1.3.2-alpha-mobile-tooltip-5579.1.12

6 years ago

1.3.1-alpha-use-new-icons-5574.1.34

6 years ago

1.3.1-alpha-use-new-icons-5568.1.29

6 years ago

1.3.1-alpha-mobile-tooltip-5561.1.12

6 years ago

1.3.1-alpha-mobile-tooltip-5557.1.10

6 years ago

1.3.1-alpha-use-new-icons-5553.1.26

6 years ago

1.3.1-alpha-mobile-tooltip-5551.1.8

6 years ago

1.3.1-alpha-mobile-tooltip-5547.1.6

6 years ago

1.3.1-alpha-mobile-tooltip-5545.1.5

6 years ago

1.3.0

6 years ago

1.2.26-alpha-use-new-icons-5530.1.24

6 years ago

1.2.26-alpha-mobile-tooltip-5522.1.5

6 years ago

1.2.25

6 years ago

1.2.25-alpha-side-nav-js-5441.1.47

6 years ago

1.2.24

6 years ago

1.2.24-alpha-input-phone-5418.1.33

6 years ago

1.2.23

6 years ago

1.2.23-alpha-fix-image-proptype-5388.1.14

6 years ago

1.2.23-alpha-input-phone-5384.1.46

6 years ago

1.2.23-alpha-fix-image-proptype-5356.1.12

6 years ago

1.2.23-alpha-input-phone-5351.1.35

6 years ago

1.2.23-alpha-input-phone-5347.1.32

6 years ago

1.2.23-alpha-fix-image-proptype-5327.1.12

6 years ago

1.2.23-alpha-input-phone-5286.1.19

6 years ago

1.2.22

6 years ago

1.2.22-alpha-fix-image-overflow-5243.1.8

6 years ago

1.2.21

6 years ago

1.2.19-alpha-fix-tooltip-auto-position-5221.1.7

6 years ago

1.2.20

6 years ago

1.2.20-alpha-search-field-before-change-5218.1.10

6 years ago

1.2.19

6 years ago

1.2.19-alpha-image-use-img-5213.1.7

6 years ago

1.2.19-alpha-image-use-img-5211.1.20

6 years ago

1.2.19-alpha-fix-tooltip-auto-position-5197.1.3

6 years ago

1.2.19-alpha-search-field-before-change-5195.1.9

6 years ago

1.2.19-alpha-image-use-img-5193.1.17

6 years ago

1.2.19-alpha-image-use-img-5185.1.8

6 years ago

1.2.19-alpha-fix-tooltip-auto-position-5179.1.1

6 years ago

1.2.19-alpha-image-use-img-5177.1.5

6 years ago

1.2.19-alpha-image-use-img-5173.1.4

6 years ago

1.2.19-alpha-search-field-before-change-5167.1.8

6 years ago

1.2.19-alpha-image-use-img-5161.1.4

6 years ago

1.2.18-alpha-image-use-img-5159.1.7

6 years ago

1.2.18

6 years ago

1.2.18-alpha-update-deps-5137.1.1

6 years ago

1.2.18-alpha-update-deps-5135.1.1

6 years ago

1.2.17

6 years ago

1.2.17-alpha-disable-amount-selectors-5122.1.15

6 years ago

1.2.16

6 years ago

1.2.16-alpha-tooltip-z-fix-5043.1.2

6 years ago

1.2.15

6 years ago

1.2.15-alpha-tooltip-auto-positioned-5028.1.2

6 years ago

1.2.15-alpha-tooltip-auto-positioned-5024.1.2

6 years ago

1.2.14

6 years ago

1.2.14-alpha-fix-protected-input-5017.1.3

6 years ago

1.2.13

6 years ago

1.2.13-alpha-fix-empty-state-buttons-4986.1.5

6 years ago

1.2.13-alpha-fix-empty-state-buttons-4980.1.4

6 years ago

1.2.12

7 years ago

1.2.12-alpha-tooltip-position-4957.1.32

7 years ago

1.2.12-alpha-tooltip-position-4915.1.30

7 years ago

1.2.12-alpha-tooltip-position-4886.1.19

7 years ago

1.2.12-alpha-tooltip-position-4885.1.21

7 years ago

1.2.11

7 years ago

1.2.11-alpha-upd-deps-4827.1.21

7 years ago

1.2.11-alpha-upd-deps-4809.1.19

7 years ago

1.2.10

7 years ago

1.2.10-alpha-text-truncate-4717.1.7

7 years ago

1.2.10-alpha-text-truncate-4715.1.6

7 years ago

1.2.10-alpha-text-truncate-4713.1.6

7 years ago

1.2.10-alpha-text-truncate-4709.1.4

7 years ago

1.2.9

7 years ago

1.2.9-alpha-modal-tweaks-4662.1.6

7 years ago

1.2.8

7 years ago

1.2.8-alpha-modal-4596.1.25

7 years ago

1.2.7

7 years ago

1.2.7-alpha-extendable.28

7 years ago

1.2.6

7 years ago

1.2.6-alpha-input-focus.2

7 years ago

1.2.6-alpha-extendable.33

7 years ago

1.2.6-alpha-extendable.28

7 years ago

1.2.5

7 years ago

1.2.5-alpha-invalid-prop.8

7 years ago

1.2.5-alpha-invalid-prop.9

7 years ago

1.2.5-alpha-invalid-prop.7

7 years ago

1.2.5-alpha-form-wrapper-ids.7

7 years ago

1.2.4

7 years ago

1.2.4-alpha-storybook-images.12

7 years ago

1.2.3

7 years ago

1.2.3-alpha-multi-select.25

7 years ago

1.2.3-alpha-multi-select.19

7 years ago

1.2.3-alpha-percy-andre.14

7 years ago

1.2.3-alpha-percy-andre.13

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago