Siirry sisältöön
Kela Design System KDS

15.1.0

SelectionGroup

Ryhmittele samaan kenttäryhmään kuuluvat radio buttonit ja checkboxit saavutettavaksi ryhmäksi tällä komponentilla.

Julkaistu versiossa 1.1.0

React API

SelectionGroup

  • children

    Pakollinen

    Tyyppi: ReactElement<any, string | JSXElementConstructor<any>> | ReactElement<any, string | JSXElementConstructor<any>>[]

    Komponentin sisältö

  • className

    Tyyppi: string

    CSS-apuluokat ulkoasun muokkaamiseen.

  • errorText

    Tyyppi: string

    Rymän virheilmoitus

  • helpText

    Tyyppi: string

    Ryhmän täyttöohje, joka näytetään valintojen yläpuolella.

  • inputWidth

    Tyyppi: (children: ReactNode) => ReactElement<any, string | JSXElementConstructor<any>>

    Kentän leveys (asetetaan antamalla palstaelementti)

  • invalid

    Tyyppi: boolean

    Virheellisen kenttäryhmän korostus

  • labelText

    Tyyppi: ReactNode

    Ryhmän nimilappu

  • leftCol

    Tyyppi: (children: ReactNode) => ReactElement<any, string | JSXElementConstructor<any>>

    Vasen palsta

  • required

    Tyyppi: boolean

    Pakollinen kenttäryhmä

  • requiredGroup

    Tyyppi: boolean

    Yksi valinnoista pakollinen.

  • requiredLabel

    Tyyppi: string

    'Pakollinen tieto' -teksti

  • testId

    Tyyppi: string

    Komponentin juurielementille data-testid-attribuuttiin välitettävä arvo testausta varten.