NYS Design System Release 1.17.0 “Grace”

“Grace” 🏔️

We held a vote during our office hours this week, and the winning vote was for naming this release “Grace” after the 42^nd highest peak in New York: Grace Peak. Grace Peak has an elevation of 4,012 ft (1,223 m).

Learn more about Grace Peak.

`<nys-breadcrumbs>` now available

The new <nys-breadcrumbs> component shows users their location within a site's structure and provides links to navigate back through parent pages. The new component provides a couple of customization options like size and background color. It should be placed near the main content of your web pages.

Read the full breadcrumbs documentation

Home
Services
Ticket System
Current Page

<nys-breadcrumbs>
  <ol>
    <li><a href="/">Home</a></li>
    <li><a href="/services">Services</a></li>
    <li><a href="/tickets">Ticket System</a></li>
    <li>Current Page</li>
  </ol>
</nys-breadcrumbs>

Robert Chen followed the trail of breadcrumbs

`<nys-button>` text variant now allows `prefixIcon` and `suffixIcon`

Our initial design of the text variant of the button restricted use of icons. We were presented with use cases for adding the icons to the text buttons, so we added the ability to use a prefixIcon or suffixIcon along with the text variant of the <nys-button>.

Read the full icon button documentation

<nys-button
  variant="text"
  label="Review Component Proposals"
  href="https://github.com/ITS-HCD/nysds/discussions/categories/component-proposals"
  suffixIcon="open_in_new">
</nys-button>