Siirry sisältöön

Checkbox

Valintaruutu yhden tai useamman vaihtoehdon valitsemiseen.

Julkaistu versiossa 1.1.0

React API

Checkbox

Ref-prop välitetään komponentin input-elementille.

  • center

    Tyyppi: boolean

    Keskittää tekstin kaksipalstaisen kentän kanssa, kun kenttä on asemoitu Row- ja Column-komponenteilla

  • children

    Tyyppi: ReactNode

    Komponentin sisältö

  • className

    Tyyppi: string

    CSS-apuluokat ulkoasun muokkaamiseen.

  • errorText

    Tyyppi: string

    Kentän virheteksti

  • hideLabel

    Tyyppi: boolean

    Oletusarvo: false

    Piilottaa nimilapun visuaalisesti. Nimilappu näkyy kuitenkin ruudunlukijoille

  • infoText

    Tyyppi: ReactNode

    Kentän aputeksti, joka näytetään kentän alapuolella.

  • invalid

    Tyyppi: boolean

    Oletusarvo: false

    Virhetilanteen korostus

  • labelText

    Tyyppi: ReactNode

    Kentän nimilappu

  • ref

    Tyyppi: Ref<HTMLInputElement> | ForwardedRef<HTMLInputElement>

  • requiredGroup

    Tyyppi: boolean

    Oletusarvo: false

    Pakollinen kenttä, kun valintapainike on kenttäryhmässä (SelectionGroup)

  • size

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

    Oletusarvo: md

    Mukautettu komponentin kokoluokka

  • testId

    Tyyppi: string

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