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

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

    Tyyppi: boolean

  • children

    Komponentin sisältö

    Tyyppi: ReactNode

  • className

    CSS-apuluokat ulkoasun muokkaamiseen.

    Tyyppi: string

  • errorText

    Kentän virheteksti

    Tyyppi: string

  • hideLabel

    Piilottaa nimilapun visuaalisesti. Nimilappu näkyy kuitenkin ruudunlukijoille

    Tyyppi: boolean

    Oletusarvo: false

  • infoText

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

    Tyyppi: ReactNode

  • invalid

    Virhetilanteen korostus

    Tyyppi: boolean

    Oletusarvo: false

  • labelText

    Kentän nimilappu

    Tyyppi: ReactNode

  • ref

    Tyyppi: Ref<HTMLInputElement> | ForwardedRef<HTMLInputElement>

  • requiredGroup

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

    Tyyppi: boolean

    Oletusarvo: false

  • size

    Mukautettu komponentin kokoluokka

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

    Oletusarvo: md

  • testId

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

    Tyyppi: string