Input

React API

Input

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

• addonAfter

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

  Tyyppi: Element

• addonBefore

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

  Tyyppi: Element

• forceAddon

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

  Tyyppi: boolean

• htmlSize

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

  Tyyppi: number

• inputClassName

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

  Tyyppi: string

• internal

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

  Tyyppi: InputInternalProps

  Oletusarvo: {}

• invalid

  Virhetilanteen korostus

  Tyyppi: boolean

  Oletusarvo: false

• precision

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

  Tyyppi: number

• ref

  Tyyppi: Ref<HTMLInputElement>

• size

  Mukautettu komponentin kokoluokka

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

  Oletusarvo: md

• testId

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

  Tyyppi: string

InputLabel

• as

  Renderöitävä HTML-elementti

  Tyyppi: ElementType

  Oletusarvo: "label" as E

• center

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

  Tyyppi: boolean

  Oletusarvo: false

• children

  Komponentin sisältö

  Tyyppi: ReactNode

• className

  CSS-apuluokat ulkoasun muokkaamiseen.

  Tyyppi: string

• required

  Pakollinen kenttä

  Tyyppi: boolean

  Oletusarvo: false

• requiredLabel

  'Pakollinen tieto' -teksti

  Tyyppi: string

• size

  Mukautettu komponentin kokoluokka

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

  Oletusarvo: md

• testId

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

  Tyyppi: string

InputText

• addon

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

  Tyyppi: boolean

  Oletusarvo: false

• as

  Renderöitävä HTML-elementti

  Tyyppi: ElementType

• children

  Komponentin sisältö

  Tyyppi: ReactNode

• className

  CSS-apuluokat ulkoasun muokkaamiseen.

  Tyyppi: string

• error

  Virheilmoitusteksti

  Tyyppi: boolean

  Oletusarvo: false

• info

  Lisätietoteksti

  Tyyppi: boolean

  Oletusarvo: false

• mb

  Välistys tekstin alapuolella

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

• mt

  Välistys tekstin yläpuolella

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

• size

  Mukautettu komponentin kokoluokka

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

• testId

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

  Tyyppi: string