GameAccountOption

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.GameAccountOption
availableCredit='10 kr'
srOnlyAvailableCreditLabel='tilgjengelig beløp: '
value='spillerkonto'
/>
...
</PaymentSelection>

Props

GameAccountOption

PropType & Description
twAvailableCreditColor
TwClassNames

Custom color for the available credit subtext

availableCredit
ReactNode

Remaining credit that will be displayed

srOnlyAvailableCreditLabel
string

Text to further describe the remaining available credit

label
string
Default value: "Spillerkonto"

Visual and/or accessible label

value
string

Value of PaymentOption Examples:

  • Spillerkonto
  • Betalingskort
  • Vipps
  • Nytt kort

This guide is based on version: 2.3.0