Siirry sisältöön

14.5.0

TextInput

Komponentti määrämuotoisten ja saavutettavien tekstikenttien toteutukseen.

Julkaistu versiossa 1.1.0

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

  • collapsibleContent

    Tyyppi: ReactNode

    Kentän piilotettava ohjeteksti.

  • collapsibleContentToggleText

    Tyyppi: ReactNode

    Kentän piilotettavan ohjetekstin painikkeen teksti.

  • errorText

    Tyyppi: string

    Virheilmoitus

  • helpText

    Tyyppi: string

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

  • id

    Tyyppi: string

    Kentän id-attribuutti

  • infoText

    Tyyppi: string

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

  • inputWidth

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

    Kentän leveys (asetetaan antamalla palstaelementti)

  • invalid

    Tyyppi: boolean

    Virhetilanteen korostus

  • labelText

    Tyyppi: ReactNode

    Kentän nimilappu

  • leftCol

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

    Vasen palsta

  • multiline

    Tyyppi: boolean

    Renderöi HTML:n textarea-kentän

  • readOnly

    Tyyppi: boolean

    Kenttä jonka sisältöä ei voi muokata

  • ref

    Tyyppi: Ref<TextInputElementType>

  • required

    Tyyppi: boolean

    Pakollinen kenttä

  • requiredLabel

    Tyyppi: string

    'Pakollinen tieto' -teksti

  • rows

    Tyyppi: string | number

    Textarea-kentän korkeus

  • select

    Tyyppi: boolean

    Renderöi HTML:n select-kentän

  • testId

    Tyyppi: string

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

  • type

    Tyyppi: string

    Oletusarvo: text

    HTML:n input-kentän type-attribuutti

  • util

    Poistuva

    Tyyppi: string

    Utility-luokat ulkoasun muokkaamiseen @deprecated Poistuu käytöstä versiossa 15.0.0. Käytä className-proppia.