Siirry sisältöön

Toast

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

Julkaistu versiossa 0.15.3

React API

Toast

  • as

    Renderöitävä HTML-elementti

    Tyyppi: ElementType

    Oletusarvo: "div" as E

  • autoHide

    Määrittää katoaako toasti automaattisesti.

    Tyyppi: boolean

    Oletusarvo: true

  • autoHideDuration

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

    Tyyppi: number

    Oletusarvo: 10000

  • body

    Ilmoituksen sisältö.

    Tyyppi: ReactNode

    Oletusarvo: null

  • children

    Komponentin sisältö

    Tyyppi: ReactNode

  • className

    CSS-apuluokat ulkoasun muokkaamiseen.

    Tyyppi: string

  • closeLabel

    Saavutettava otsikko ilmoituksen sulkemispainikkeelle.

    Tyyppi: string

    Oletusarvo: null

  • header
    Pakollinen

    Ilmoituksen otsikko.

    Tyyppi: string

  • onClick

    Ilmoituksen sulkemispainikkeen onClick-funktio.

    Tyyppi: () => void

    Oletusarvo: null

  • testId

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

    Tyyppi: string

  • variant

    Ilmoituksen väri / tyyppi.

    Tyyppi: "primary" | "success"

ToastContainer

  • children

    Komponentin sisältö

    Tyyppi: ReactNode

  • className

    CSS-apuluokat ulkoasun muokkaamiseen.

    Tyyppi: string

  • position

    Ilmoitusten sijainti näytöllä.

    Tyyppi: "top-right" | "bottom"

    Oletusarvo: top-right

  • srHeading

    Piilotettu otsikko ilmoituksille ruudunlukijoita varten.

    Tyyppi: string

  • srHeadingId

    Piilotetun otsikon id-attribuutti ankkurilinkkiä varten.

    Tyyppi: string

  • testId

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

    Tyyppi: string