Siirry sisältöön

14.5.0

Toast

Komponentti kelluvien tai push-tyyppisen ilmoitusten näyttämiseen.

Julkaistu versiossa 0.15.3

API

Toast

  • as

    Tyyppi: ElementType

    Oletusarvo: "div" as E

    Renderöitävä HTML-elementti

  • autoHide

    Tyyppi: boolean

    Oletusarvo: true

    Määrittää katoaako toasti automaattisesti.

  • autoHideDuration

    Tyyppi: number

    Oletusarvo: 10000

    Määrittää kuinka kauan toasti pysyy näkyvissä.

  • body

    Tyyppi: ReactNode

    Oletusarvo: null

    Ilmoituksen sisältö.

  • children

    Tyyppi: ReactNode

    Komponentin sisältö

  • className

    Tyyppi: string

    Utility-luokat ulkoasun muokkaamiseen

  • closeLabel

    Tyyppi: string

    Oletusarvo: null

    Saavutettava otsikko ilmoituksen sulkemispainikkeelle.

  • header

    Pakollinen

    Tyyppi: string

    Ilmoituksen otsikko.

  • onClick

    Tyyppi: () => void

    Oletusarvo: null

    Ilmoituksen sulkemispainikkeen onClick-funktio.

  • 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.

  • variant

    Tyyppi: "primary" | "success"

    Ilmoituksen väri / tyyppi.

ToastContainer

  • children

    Tyyppi: ReactNode

    Komponentin sisältö

  • className

    Tyyppi: string

    Utility-luokat ulkoasun muokkaamiseen

  • position

    Tyyppi: "top-right" | "bottom"

    Oletusarvo: top-right

    Ilmoitusten sijainti näytöllä.

  • srHeading

    Tyyppi: string

    Piilotettu otsikko ilmoituksille ruudunlukijoita varten.

  • srHeadingId

    Tyyppi: string

    Piilotetun otsikon id-attribuutti ankkurilinkkiä varten.

  • 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.