Banner

Callout to prompt the user for an action.

View source code
  • actionText
    string

    Content of the button

  • children
    ReactNode

    Content of the Banner

  • onClick
    MouseEventHandler<HTMLElement>

    Handler that is called when the button is clicked

  • title
    ReactNode

    Title of the Banner

  • buttonVariant
    "primaryAlert" | "primaryBrand" | "primaryInfo" | "primarySuccess" | "primaryWarning" | "secondaryAlert" | "secondaryBrand" | "secondaryInfo" | "secondaryNeutral" | "secondarySuccess" | "secondaryWarning" | "tertiaryAlert" | "tertiaryBrand" | "tertiaryComplementary" | "tertiaryInfo" | "tertiaryNeutral" | ... 2 more ...

    The visual style of the button

    Default: secondaryNeutral
  • className
    string

    className for the element

  • illustration
    ReactNode

    Illustration on the left side of the Banner. Illustration will be centered vertically with margin on both left and right

  • variant
    "brand" | "neutral"

    The visual style of the banner

    Default: brand