Banner

Summary

Banners should be used to show application information. They act the same as Alert pattern but the difference that there should only be one banner visible on a page.

Name Description Default Value
role

The role attribute is required and should be set to banner.

No values have been documented for this attribute.

aria-hidden

The aria-hidden attribute is optional. It tells if the banner is visible or not. The value should be set to either false or true.

No values have been documented for this attribute.

Example

Markup

<div class="zui-banner" role="banner" aria-hidden="false">
    <strong>Did you know?</strong> ZUI is awesome!
</div>
Fork me on GitHub