Dismissible Banner

todo

Overview

The Dismissible Banner is a temporary banner that sits at the top of the page.

Dismissible Banner component.TitleCras mattis consectetur purus sit amet fermentum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.

Usage

The primary usage for the Dismissible Banner is to provide context and information to users, particularly for first time visitors. Once dismissed, it should remain hidden until its contents has been updated.

Anatomy

Anatomy of the Dismissible Banner component.DismissTitleCras mattis consectetur purus sit amet fermentum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.1Banner Title2Banner Description

Sizing & Spacing

This component comes in one size only. It can resize to the width of its parent, however the component's height is dictated by its contents.

Hierarchy & Placement

The Dismissible Banner should be placed at the top of the page content to ensure it is the first thing the user interacts with.