Siirry sisältöön

FileInput

Lomakekomponentti, jonka avulla asiakas voi liittää lomakkeeseen yhden tai useita liitetiedostoja.

Julkaistu versiossa 1.1.0

React API

FileInput

Ref-prop välitetään komponentin input-elementille.

  • appearance

    Komponentin ulkoasu

    Tyyppi: "solid" | "outline"

    Oletusarvo: outline

  • btnAriaLabel

    Kentän painikkeelle välitettävä aria-label.

    Tyyppi: string

  • btnLabelText
    Pakollinen

    Liitteiden valintapainikkeen teksti

    Tyyppi: string

  • children

    Komponentin sisältö

    Tyyppi: ReactNode

  • className

    CSS-apuluokat ulkoasun muokkaamiseen.

    Tyyppi: string

  • disabled

    Estetty (disabloitu) kenttä / linkki / painike

    Tyyppi: boolean

    Oletusarvo: false

  • errorText

    Virheilmoitus

    Tyyppi: string

  • helpText

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

    Tyyppi: string

  • id

    Komponentin id-attribuutti. Jos id:tä ei anneta, se luodaan automaattisesti.

    Tyyppi: string

  • infoText

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

    Tyyppi: string

  • invalid

    Virhetilanteen korostus

    Tyyppi: boolean

    Oletusarvo: false

  • labelText

    Kentän nimilappu

    Tyyppi: ReactNode

  • leftCol

    Vasen palsta

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

  • multiple

    Sallii useiden tiedostojen valinnan

    Tyyppi: boolean

    Oletusarvo: false

  • ref

    Tyyppi: Ref<HTMLInputElement>

  • requiredLabel

    'Pakollinen tieto' -teksti

    Tyyppi: string

  • size

    Komponentin koko

    Tyyppi: "sm" | "md" | "lg"

    Oletusarvo: md

  • testId

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

    Tyyppi: string