POC: Banner Redesign
- Show status variants of the banner (warning, error, success, and info). The visual indication should consist of more than just color.
- Show position variants of the banner: top banner, toast banner, or in content banner.
- Show full page mockups (with placeholder content) along with banners to present the different use cases.
- Icon indicating the type of notice/banner
- Title of the banner
- Details of the banner notice
- Background color of the banner matches the banner type
- Users can exit out of the banner once the message is presented/received
Banner has 3 style variants.
Appears inline with content, or top/bottom of page.
- Flies in from a corner
- Four lines of text can fit within the toast
- Image below displays different possible ways to position the icon of the specific toast
Appears inline with form inputs.
