NumberField

Used for entering a number.

Getting started

npm install @cmds/number-field --save

Prop Types

| Property | Type | Required? | Description | |:---|:---|:---:|:---| | id | String | ✓ | Unique id for the instance of this field | | contextId | Context | ✓ | The appearance will change depending on context in which the field is displayed. Valid options include: recordDetail or recordGridRow or recordGalleryCard or recordListItem | | roleId | Role | ✓ | The behaviour changes based on the role. Valid options include editor or readOnly | | precisionId | NumberPrecision | ✓ | Display and edit x amount of numbers after the point. Precision ID of 2 will result in 2.25. Valid options include 1 or 2 or 3 or 4 or 5 or 6 or 7 or 8| | allowNegativeNumbers | Boolean | ✓ | Enable displaying / editing negative numbers | | numberFormatId | NumberFormat | ✓ | Whether the number should be displayed / edited as an integer or decimal. Valid options include decimal or integer | | number | Number | | Number value | | onChange | Function | | Callback invoked whenever number changes: ({id: string, number: number}): void |

More information

This component is designed and developed as part of Cosmos Design System.