New component: In-Page Notice

[pikemurdy]

-Content and wide width options -Heading is not a semantic heading, unless there is a semantic for information—could be an aside? -Icon and icon size TBD -Alt text: "Information" -Icon stacks

-- The EMC team would appreciate a pattern that supports announcements and notifications, and includes support for adding to select pages or adding to all pages directly below the main navigation/header as part of that site template part.

Here are a few example patterns on an unpublished sandbox page on UG Admissions: https://admissions.utk.edu/?page_id=4224&preview=true

[reasterbrooknc]

Updated & separated into two issues: https://github.com/utkwdn/utkwds/issues/278

[pikemurdy]

One other question... there really should be three alerts, right? And I think the other issue is for what we'd call a "UT Alert" which is a safety issue: weather announcements, chemical spill in a lab, bear on campus, etc.

But there should be also a 'sitewide' alert, correct? A place where admissions, could say, put a prominent banner to announce the importance of an upcoming application deadline.

[reasterbrooknc]

We discussed earlier this year the alert "stack" that we usually build, which is noted on the sitewide alert issue.

So yes, there should be sitewide alert(s), but the use cases would be different than an in-page alert, which is intended to live in the content well and to communicate non-emergency information.

[rdelaude]

Copy for default pattern text and storefront pattern demo (ok to drop the heading and use the core block blank heading in the actual pattern version):

In-Page Alert Make a message stand out on a page of details, so deadlines and special instructions don’t get lost in a wall of text. Only use once per page, remove it once its date passes, and aim not to leave up for more than a month, to avoid causing banner blindness for your site users.

[pikemurdy]

The version with the UT "I" icon is good. We need to call this an 'Info box" or something. The word "Alert" is confusing people.

[reasterbrooknc]

The version with the UT "I" icon is good. We need to call this an 'Info box" or something. The word "Alert" is confusing people.

We asked @rdelaude for a new name, and our best alternative is "notice." Let us know if that works!

[pikemurdy]

I'll just make the call that that's okay. Good to go.

[reasterbrooknc]

[reasterbrooknc]

https://wds-dev.utk.edu/banners/in-page-notice