TextInput

React API

TextInput

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.

• autogrow

  Tyyppi: boolean

  Automaattisesti kasvava tekstikenttä

• collapsibleContent

  Tyyppi: ReactNode

  Kentän piilotettava ohjeteksti.

• collapsibleContentToggleText

  Tyyppi: ReactNode

  Kentän piilotettavan ohjetekstin painikkeen teksti.

• element

  Tyyppi: "input" | "textarea" | "select"

  Määrittää mikä lomake-elementti renderöidään: input, textarea vai select.

• errorText

  Tyyppi: string

  Virheilmoitus

• forceAddon

  Tyyppi: boolean

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

• helpText

  Tyyppi: string

  Ohjeteksti (näytetään kentän yläpuolella)

• htmlSize

  Tyyppi: number

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

• infoText

  Tyyppi: string

  Aputeksti (näytetään kentän alapuolella)

• inputClassName

  Tyyppi: string

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

• inputWidth

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

  Kentän leveys (asetetaan antamalla palstaelementti)

• internal

  Tyyppi: InputInternalProps

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

• invalid

  Tyyppi: boolean

  Virhetilanteen korostus Virheellisen kentän korostus

• labelText

  Tyyppi: ReactNode

  Kentän nimilappu

• leftCol

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

  Vasen palsta

• multiline

  Poistuva

  Tyyppi: boolean

  @deprecated Poistuu käytöstä versiossa 16.0.0. Siirry käyttämään element-proppia.

• precision

  Tyyppi: number

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

• ref

  Tyyppi: Ref<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>

• requiredLabel

  Tyyppi: string

  'Pakollinen tieto' -teksti

• select

  Poistuva

  Tyyppi: boolean

  @deprecated Poistuu käytöstä versiossa 16.0.0. Siirry käyttämään element-proppia.

• size

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

  Mukautettu komponentin kokoluokka

• testId

  Tyyppi: string

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