CMSgov / design-system

Open source design and front-end development resources for creating Section 508 compliant, responsive, and consistent websites.
https://design.cms.gov
Other
312 stars 85 forks source link

[WNMGDS-2864] Add utility actions pattern guidance page #3198

Closed jack-ryan-nava-pbc closed 2 days ago

jack-ryan-nava-pbc commented 1 month ago

Summary

Ticket

Added new guidance page for the utility actions pattern.

Note The design will differ on this branch because the EmailIcon is being imported from the local Doc Site component rather than the Design System. A ticket is up to fix this issue.

How to test

  1. Run the doc site locally, or check the deployed demo url.
  2. Confirm you can navigate to '.../patterns/utility-actions/' on the doc site
  3. Confirm the copy on the page matches the copy listed in Confluence under the heading "Draft Guidance"

Checklist

This is a change to documentation:

Screenshots:

With EmailIcon collision:

Screenshot 2024-09-09 at 9 58 51 AM

Without EmailIcon collision:

Screenshot 2024-09-09 at 12 39 41 PM