LayoutBanner
Banner
Global banner is used to communicate important messages that usually relates to a high level concern such as a users account, subscription or security.
GlobalBannerProps
| Prop | Type | Required | Default | Description |
|---|---|---|---|---|
action | ReactNode | — | — | — |
startElement | ReactNode | — | — | — |
text | string | Yes | — | — |
title | string | — | — | — |
tone | cautious|critical|informative | — | — | — |
AppBannerProps
| Prop | Type | Required | Default | Description |
|---|---|---|---|---|
action | ReactNode | — | — | — |
isGlobal | boolean | — | — | When set to true, the css var APP_BANNER_COUNT_CSS_VAR will be incremented/decremented on mount/unmount so that it can be used in providing top offsets to page layout elements. |
onClose | () => void | — | — | — |
text | string | Yes | — | — |
title | string | — | — | — |
tone | cautious|critical|informative | Yes | — | — |