TextInput

React API

TextInput

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

• autoSize

  Poistuva

  Asettaa nimilapun, ohjetekstin ja aputekstin koon size-propin mukaisesti. @deprecated Poistuu versiossa 16.0.0 ja ominaisuudesta tulee oletus.

  Tyyppi: boolean

• autogrow

  Automaattisesti kasvava tekstikenttä

  Tyyppi: boolean

• collapsibleContent

  Kentän piilotettava ohjeteksti.

  Tyyppi: ReactNode

• collapsibleContentToggleText

  Kentän piilotettavan ohjetekstin painikkeen teksti.

  Tyyppi: ReactNode

• element

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

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

• errorText

  Virheilmoitus

  Tyyppi: string

• forceAddon

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

  Tyyppi: boolean

• helpText

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

  Tyyppi: string

• htmlSize

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

  Tyyppi: number

• infoText

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

  Tyyppi: string

• inputClassName

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

  Tyyppi: string

• inputWidth

  Kentän leveys (asetetaan antamalla palstaelementti)

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

• internal

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

  Tyyppi: InputInternalProps

• invalid

  Virhetilanteen korostus Virheellisen kentän korostus

  Tyyppi: boolean

• labelText

  Kentän nimilappu

  Tyyppi: ReactNode

• leftCol

  Vasen palsta

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

• multiline

  Poistuva

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

  Tyyppi: boolean

• precision

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

  Tyyppi: number

• ref

  Tyyppi: Ref<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>

• requiredLabel

  'Pakollinen tieto' -teksti

  Tyyppi: string

• select

  Poistuva

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

  Tyyppi: boolean

• size

  Mukautettu komponentin kokoluokka

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

• testId

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

  Tyyppi: string