Input

React API

Input

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

• addonAfter

  Tyyppi: Element

  Kenttään sidottu teksti (InputText) tai painike, kentän lopussa.

• addonBefore

  Tyyppi: Element

  Kenttään sidottu teksti (InputText) tai painike, kentän alussa.

• forceAddon

  Tyyppi: boolean

  Käyttää samaa HTML-rakennetta kuin addonBefore- ja addonAfter-proppien kanssa.

• htmlSize

  Tyyppi: number

  Natiivi HTML size-attribuutti, joka välitetään input-kentälle.

• inputClassName

  Tyyppi: string

  Aina input-kentälle välitettävä CSS-luokka, kun käytössä on addonBefore- tai addonAfter-propit.

• internal

  Tyyppi: InputInternalProps

  Oletusarvo: {}

  Asetuksia, joita KDS-kirjasto käyttää pääasiassa sisäisesti. Vältä käyttöä sovelluksissa.

• invalid

  Tyyppi: boolean

  Oletusarvo: false

  Virhetilanteen korostus

• precision

  Tyyppi: number

  Rajoittaa desimaalien määrän numeromuotoisessa kentässä.

• ref

  Tyyppi: Ref<HTMLInputElement>

• size

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

  Oletusarvo: md

  Mukautettu komponentin kokoluokka

• testId

  Tyyppi: string

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

InputLabel

• as

  Tyyppi: ElementType

  Oletusarvo: "label" as E

  Renderöitävä HTML-elementti

• center

  Tyyppi: boolean

  Oletusarvo: false

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

• children

  Tyyppi: ReactNode

  Komponentin sisältö

• className

  Tyyppi: string

  CSS-apuluokat ulkoasun muokkaamiseen.

• required

  Tyyppi: boolean

  Oletusarvo: false

  Pakollinen kenttä

• requiredLabel

  Tyyppi: string

  'Pakollinen tieto' -teksti

• testId

  Tyyppi: string

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

InputText

• addon

  Tyyppi: boolean

  Oletusarvo: false

  Input-komponentin kanssa käytettävä kenttään sidottu teksti

• as

  Tyyppi: ElementType

  Renderöitävä HTML-elementti

• children

  Tyyppi: ReactNode

  Komponentin sisältö

• className

  Tyyppi: string

  CSS-apuluokat ulkoasun muokkaamiseen.

• error

  Tyyppi: boolean

  Oletusarvo: false

  Virheilmoitusteksti

• info

  Tyyppi: boolean

  Oletusarvo: false

  Lisätietoteksti

• mb

  Tyyppi: 0 | 1 | 2 | 3 | 4 | 5 | 6

  Välistys tekstin alapuolella

• mt

  Tyyppi: 0 | 1 | 2 | 3 | 4 | 5 | 6

  Välistys tekstin yläpuolella

• testId

  Tyyppi: string

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