Siirry sisältöön

SelectionGroup

Ryhmittele samaan kenttäryhmään kuuluvat valintaruudut ja valintanapit saavutettavaksi ryhmäksi tällä komponentilla.

Julkaistu versiossa 1.1.0

React API

SelectionGroup

  • ariaLabelledBy

    Mahdollistaa aria-labelledby-attribuutin räätälöinnin kentän omia id-arvoja ylikirjoittamatta.

    Tyyppi: ({ ids }: SelectionGroupAriaLabelledByParams) => string

  • as

    Renderöitävä HTML-elementti

    Tyyppi: ElementType

  • children

    Komponentin sisältö.

    Tyyppi: ReactNode

  • className

    CSS-apuluokat ulkoasun muokkaamiseen.

    Tyyppi: string

  • disabled

    Estetty (disabloitu) kenttäryhmä

    Tyyppi: boolean

    Oletusarvo: false

  • errorText

    Ryhmän virheilmoitus

    Tyyppi: string

  • hasLegacyLegend

    Määrittää käytetäänkö poistuvaa legend-mallia.

    Tyyppi: boolean

    Oletusarvo: true

  • helpText

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

    Tyyppi: string

  • hiddenLabelText

    Ryhmän nimilappu ruudunlukijoille, joka asetetaan piilotettuun legend-elementtiin.

    Tyyppi: ReactNode

  • horizontal

    Asettaa valintanapit tai valintaruudut vierekkäin.

    Tyyppi: boolean

  • inputWidth

    Kentän leveys (asetetaan antamalla palstaelementti)

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

  • invalid

    Virheellisen kenttäryhmän korostus.

    Tyyppi: boolean

    Oletusarvo: false

  • invalidGroup

    Virheellisen kenttäryhmän korostus, kun ei haluta merkitä kaikkia valintaruutuja virheellisiksi.

    Tyyppi: boolean

  • labelText

    Ryhmän nimilappu

    Tyyppi: ReactNode

  • leftCol

    Vasen palsta

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

  • required

    Pakollinen kenttäryhmä

    Tyyppi: boolean

    Oletusarvo: false

  • requiredGroup

    Yksi valinnoista pakollinen.

    Tyyppi: boolean

    Oletusarvo: false

  • requiredLabel

    'Pakollinen tieto' -teksti

    Tyyppi: string

  • shouldFindDeepOptions

    Määrittää merkitäänkö Checkbox- ja Radio-komponentit invalid- ja required-propeilla automaattisesti komponenttirakenteen syvyydestä riippumatta.

    Tyyppi: boolean

  • size

    Mukautettu komponentin kokoluokka

    Tyyppi: "xs" | "sm" | "md"

  • testId

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

    Tyyppi: string