Siirry sisältöön

14.5.0

Input

Komponentti syöttökentän toteuttamiseen.

Julkaistu versiossa 1.1.0

API

Input

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

  • children

    Tyyppi: ReactNode

    Komponentin sisältö

  • className

    Tyyppi: string

    Utility-luokat ulkoasun muokkaamiseen

  • htmlSize

    Tyyppi: number

    Natiivi html ´size´-attribuutti joka välitetään input kentälle

  • invalid

    Tyyppi: boolean

    Oletusarvo: false

    Virhetilanteen korostus

  • precision

    Tyyppi: number

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

  • ref

    Tyyppi: Ref<HTMLInputElement>

  • size

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

    Oletusarvo: md

    Mukautettu komponentin kokoluokka

  • testId

    Tyyppi: string

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

  • util

    Poistuva

    Tyyppi: string

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

InputLabel

  • as

    Tyyppi: ElementType

    Oletusarvo: "label" as E

    Renderöitävä HTML-elementti

  • center

    Tyyppi: boolean

    Oletusarvo: false

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

  • children

    Tyyppi: ReactNode

    Komponentin sisältö

  • className

    Tyyppi: string

    Utility-luokat ulkoasun muokkaamiseen

  • required

    Tyyppi: boolean

    Oletusarvo: false

    Pakollinen kenttä

  • requiredLabel

    Tyyppi: string

    'Pakollinen tieto' -teksti

  • testId

    Tyyppi: string

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

  • util

    Poistuva

    Tyyppi: string

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

InputText

  • addon

    Tyyppi: boolean

    Oletusarvo: false

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

  • as

    Tyyppi: ElementType

    Renderöitävä HTML-elementti

  • children

    Tyyppi: ReactNode

    Komponentin sisältö

  • className

    Tyyppi: string

    Utility-luokat ulkoasun muokkaamiseen

  • error

    Tyyppi: boolean

    Oletusarvo: false

    Virheilmoitusteksti

  • info

    Tyyppi: boolean

    Oletusarvo: false

    Lisätietoteksti

  • mb

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

    Välistys tekstin alapuolella

  • mt

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

    Välistys tekstin yläpuolella

  • testId

    Tyyppi: string

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

  • util

    Poistuva

    Tyyppi: string

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