Components

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="margin-xs-top-3"
    inverted
    type="submit"
  >
    Validera
  </Button>
</Form>

Properties

AmountInput

Prop name	Type	Default Value
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.

Amount input

Properties

AmountInput

Accessibility

Related