CardOption
Install
yarn add @ntds/payment-selection
Import
import { PaymentSelection } from '@ntds/payment-selection';
Usage
<PaymentSelection
label='Betalingsmåte'
name='payment-selection'
value={paymentOption}
setValue={setPaymentOption}
>
<PaymentSelection.CardOption
cardNumber='3333'
srOnlyCardNumberLabel='slutter med: '
value='kort'
/>
...
</PaymentSelection>
Props
CardOption
| Prop | Type & Description |
|---|---|
| twCardNumberColor | TwClassNames Custom color for the card number subtext |
| srOnlyCardNumberLabel | string Text to further describe the card number subtext |
| label | string Default value: "Kort" Visual and/or accessible label |
| value | string Value of PaymentOption Examples:
|