Component Library (ish)

MoneyInput

<MoneyInput
  label="Label"
  onChange={() => console.log('MoneyInput change')}
/>

InterestRateInput

%
<InterestRateInput
  label="Label"
  onChange={() => console.log('InterestRateInput change')}
/>

PostalCodeInput

<PostalCodeInput
  label="Label"
  onChange={() => console.log('PostalCodeInput change')}
/>

CheckboxInput

Label
<CheckboxInput
  label="Label"
  text="Text"
  onChange={() => console.log('CheckboxInput change')}
/>

ButtonLink

Text
<ButtonLink
  href="/component-library"
>
  Text
</ButtonLink>

SubmitButton

<SubmitButton
  level="primary"
>
  Here goes text
</SubmitButton>

SubmitButton (loading)

<SubmitButton
  level="secondary"
  isLoading={true}
  loadingLabel="Loading..."
>
  Here goes text
</SubmitButton>

RadioButtonGroup

Label
Helper Text
<RadioButtonGroup
  label="Label"
  helperText="Helper Text"
  buttons={[
    { key: 'foo', value: 'Foo' },
    { key: 'bar', value: 'Bar' },
    { key: 'baz', value: 'Baz' },
  ]}
  defaultKey="foo"
  onChange={() => console.log('RadioButtonGroup change')}
/>