Siirry sisältöön

14.5.0

Alert

Komponentti ilmoitusten esittämiseen.

Julkaistu versiossa 0.15.3

API

Alert

  • aria-label

    Tyyppi: string

    Tekstivastine ilmoituksen sulkupainikkeelle

  • bgColor

    Tyyppi: "white"

    Ilmoituksen taustaväri. Ei ole käytössä laajennettavan ilmoituksen kanssa.

  • children

    Tyyppi: ReactNode

    Komponentin sisältö

  • className

    Tyyppi: string

    Utility-luokat ulkoasun muokkaamiseen

  • collapseTitle

    Tyyppi: string

    Laajennettavan ilmoituksen otsikkoteksti. Pidä otsikko lyhyenä ja käytä yhdessä onClick ja isOpen -proppien kanssa.

  • collapseTitleContainer

    Tyyppi: ({ children }: { children: ReactNode; }) => Element

    Render-prop laajennettavan ilmoituksen painikkeen sisälle tulevan containerin renderöimiseen. Käytä inline-elementtiä, kuten span.

  • container

    Tyyppi: ({ children }: { children: ReactNode; }) => Element

    Render-prop ilmoituksen sisällön containerin renderöimiseen.

  • dismissible

    Tyyppi: boolean

    Oletusarvo: false

    Suljettava ilmoitus

  • flush

    Tyyppi: boolean

    Ilmoitus taustavärillä, ilman reunaviivoja

  • icon

    Tyyppi: Element

    Ilmoituksen kuvake. Korvaa oletuskuvakkeen.

  • iconAriaLabel

    Tyyppi: string

    Ikonille välitettävä aria-label

  • iconPosition

    Tyyppi: "left" | "top" | "auto"

    Oletusarvo: auto

    Ikonin sijainti. Oletuksena ikoni on vasemmalla. Ei ole käytössä laajennettavan ilmoituksen kanssa.

  • isOpen

    Tyyppi: boolean

    Määrittää onko laajennettava ilmoitus auki vai kiinni.

  • onClick

    Tyyppi: () => void

    Funktio, jota kutsutaan, kun laajennettava ilmoitus avataan ja suljetaan.

  • onDismiss

    Tyyppi: () => void

    Funktio, jota kutsutaan, kun ilmoitus poistetaan näkyvistä (dismissible).

  • size

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

    Oletusarvo: lg

    * Komponentin koko

  • testId

    Tyyppi: string

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

  • textOnly

    Tyyppi: boolean

    Ilmoitus, jossa on pelkkä kuvake ja teksti

  • util

    Poistuva

    Tyyppi: string

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

  • variant

    Pakollinen

    Tyyppi: "primary" | "warning" | "danger" | "success" | "light"

    Ilmoituksen tyyppi / väri