Banner

A Banner is a notification displayed within the page to convey important messages to users.

React

Is new design vision part implemented using new tokens?

Up to date

Resources

Storybook

React guidance

Source

GitHub code

Example


                                                        
                                                        
                                                            import { Banner } from '@optimus-web/core';
                                                        
                                                        <Banner
                                                            primaryText="The main message of the banner"
                                                            secondaryText="A secondary text"
                                                            onClose={() => {}}
                                                            variant="success"
                                                        />