CardOption
Install
yarn add @ntds/payment-selectionImport
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
| Prop | Type | Default | Description |
|---|---|---|---|
twCardNumberColor? | TwClassNames | — | Custom color for the card number subtext |
srOnlyCardNumberLabel? | string | — | Text to further describe the card number subtext |
label? | string | Kort | Visual and/or accessible label |
value | string | — | Value of PaymentOption Examples: - Spillerkonto - Betalingskort - Vipps - Nytt kort |