Banner

Banners are used to show users important, succinct messages, or space alerts, that users should know about. They can interact or ignore banners at any time, as they are non-modal. What to take note of when using banners Only one banner should be shown at a time. Banners require user action in order to be dismissed. Messages should consist of no longer than one headline, one description sentence and one short call-to-action.

Default

Title here
Lorem ipsum dolor...

Buttons

Title here
Lorem ipsum dolor...

Header Icon

Title here
Lorem ipsum dolor...

Mobile

Title here
Lorem ipsum dolor...

Singleline

Your email is not verified. Verify to enable withdrawals.

Props

NameTypeRequiredDefaultDescription
descriptionstringYes-Main text content of the banner
titlestringNo-Text to appear on the header for multiline mode
iconHeaderReact.ReactElementNo-Icon to appear at the top end of the header for multiline
isMultilinebooleanNotrueControls whether the banner is in multiline mode
isMobilebooleanNofalseControls whether the banner is in mobile mode