Norsk Tipping Design System

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

PropTypeDefaultDescription
twAvailableCreditColor?TwClassNamesCustom color for the available credit subtext
availableCreditReactNodeRemaining credit that will be displayed
srOnlyAvailableCreditLabel?stringText to further describe the remaining available credit
label?stringSpillerkontoVisual and/or accessible label
valuestringValue of PaymentOption Examples: - Spillerkonto - Betalingskort - Vipps - Nytt kort

On this page