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

• 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<unknown, 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<unknown, string | JSXElementConstructor<any>>

• precision

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

  Tyyppi: number

• ref

  Komponentin renderöimälle elementille välitettävä ref.

  Tyyppi: Ref<HTMLInputElement> | Ref<HTMLTextAreaElement> | Ref<HTMLSelectElement>

• requiredLabel

  'Pakollinen tieto' -teksti

  Tyyppi: string

• size

  Mukautettu komponentin kokoluokka

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

• testId

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

  Tyyppi: string