Banner

Use Banners to alert users about important information.

OverviewReactSwiftKotlin

Choose brand

Aachener ZeitungAutovisieBelfast TelegraphContactoCrime WorldDagblad van het NoordenDe LimburgerDe StandaardEmmer CourantFlevoPostFriesch DagbladGazet van AntwerpenGooi- en EemlanderHaarlems DagbladHet Belang van LimburgHet NieuwsbladHoogeveensche CourantHub GazetteIjmuider CourantIndependentLeeuwarder CourantLeidsch DagbladLuxembourg TimesLuxemburger WortMediahuisMeppeler CourantNieuwe OoststellingwerverNoordhollands DagbladPrivéSikkomSteenwijker CourantStellingwerfTélécranTelegraafVirguleVrouwWhite Label

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