Banner
Banners act as prominent alerts, delivering essential messages or guidance across digital platforms. These eye-catching strips are designed to grab attention, whether announcing updates, warning users, or promoting special offers.
Examples
Default
Default Banner.
Detailed Banner
Add a description by passing the description prop to the component.
Icon Banner
Add an icon by passing the icon prop to the component.
Variant
Change the variant by passing the variant prop to the component.
Actionable Banner
Add a button by passing the action prop to the component
Closable Banner
Make the banner closable by passing the onClose prop to the component
Color
Change the color by passing the color prop to the component
Installation
Properties
Title of the Banner.
Description of the Banner.
Type of the Banner, soft has a softer background.
Color of the Banner.
Icon shown to the left of the text in the Banner.
Function called when the close (X) button is clicked.
React node shown at the bottom of the Banner, usually in the form of a button.
Classname to style the Banner.