Banners are used to display important information to the user. They typically contain a short message and an icon.
This is a default banner.
This is a branded banner.
This is a dangerous banner!
This is a success banner.
This is a warning banner.
Code Sample
<PureBanner Accent="Accent.Brand">
This is a branded banner.
</PureBanner>
This is a default banner.
This is a branded banner.
This is a dangerous banner!
This is a success banner.
This is a warning banner.
Code Sample
<PureBanner Accent="Accent.Danger" Variant="Outline"">
This is a dangerous banner!
</PureBanner>
This is a default banner.
This is a branded banner.
This is a dangerous banner!
This is a success banner.
This is a warning banner.
Code Sample
<PureBanner Accent="Accent.Warning" Variant="Subtle"">
This is a warning banner.
</PureBanner>