Components – legacy
Amount input
Examples of amount input with build-in validation.
<Form isVertical onSubmit={function noRefCheck() {}} onValidate={function noRefCheck() {}} > <AmountInput name="default" onChange={function noRefCheck() {}} value="30" /> <Button block className="mt-3" inverted type="submit" > Validera </Button> </Form>
Properties
AmountInput
| Prop name | Type | Default Value | Description |
|---|---|---|---|
| errorMessageDefault | string | 'Felaktigt angivet belopp, minsta insättning 25 kr.' | |
| errorMessageMax | string | 'Observera att högsta insättningsbelopp är 25 000 kr.' | |
| errorMessageMin | string | 'Observera att minsta insättningsbelopp är 25 kr.' | |
| errorMessageRequired | string | 'Du måste ange ett belopp.' | |
| isCentsAllowed | bool | false | |
| isRequired | bool | true | |
| isSecondDecimalAllowed | custom | false | |
| label | string | 'Belopp' | |
| max | number | 25000 | |
| min | number | 25 | |
| helpMessage | string | ||
| infoMessage | string | ||
| isLessSpace | bool | ||
| name * | string | ||
| onBlur | func | ||
| onChange * | func | ||
| onFocus | func | ||
| value * | union |
Accessibility
This component has been validated to meet the WCAG 2.1 AA accessibility guidelines.
