Banner

Use Banners to alert users about important information.

OverviewReactSwiftKotlin

Choose brand

Aachener ZeitungBelfast TelegraphContactoDe LimburgerDe StandaardDagblad van het NoordenFriesch DagbladGooi- en EemlanderGazet van AntwerpenHet Belang van LimburgHoogeveensche CourantHaarlems DagbladHub GazetteIndependentLeeuwarder CourantLeidsch DagbladLuxembourg TimesLuxemburger WortMeppeler CourantMediahuisHet NieuwsbladNoordhollands DagbladNieuwsblad Noordoost FrieslandNieuwe OoststellingwerverSteenwijker CourantStellingwerfSunday WorldTélécranTelegraafVirguleWhite LabelIjmuider Courant

Color Scheme: light

Choose subtheme

Default (none)BreakingSport

Usage

• Banners should be used sparingly to communicate cleary the severity of the issue or situation. The severity can be indicated by using a different appearance.
• In-page Banners appear inline and are displayed in an non-blocking way. They should be used to alert users about important information.

Appearance

1. Info Banner

Notify or give the user information or advice.

2. Success Banner

Used to convey a positive message to the user.

3. Error Banner

To inform the user something critical has happend and requires immediate attention.

4. Warning Banner

Used to alert the user of a potential issue or problem that could lead to negative consequences if not addressed.

Do’s & Don’ts

Banners should be used sparingly to communicate clearly the severity of the issue or situation.

• Usage
• Appearance
• Do’s & Don’ts