Skip to main content

Blog

Rivet 2.6.0 release

Rivet 2.6.0 is now available. This release introduces gap utilities, adds a mounting attribute to the dialog component, and fixes various style bugs.

Scott Anthony Murray

Jan 23, 2024

Rivet version 2.6.0 is now available. This release introduces gap utilities, adds a mounting attribute to the dialog component, and fixes various style bugs.

Gap utilities #

This release adds a new set of gap utilities for use with flexbox and CSS grid elements.

You can add gap utility classes to a parent element to set the spacing between rows and columns of child elements.

Dialog mounting attribute #

This release adds the data-rvt-dialog-mount attribute for use with the dialog component.

For accessibility reasons, Rivet JavaScript moves all dialogs to the first child position of the body element.

However, if an element is present in the DOM with the data-rvt-dialog-mount attribute, dialogs will be moved to the first child position of that element instead.

This new attribute can be helpful for web applications using frontend frameworks that render page content into a single top-level container element.

Style bug fixes #

This release fixes several bugs related to component styles, including:

Complete list of updates #

For a complete list of updates made in version 2.6.0, see the Rivet changelog.

The Rivet team would like to thank Chris Basham for his numerous contributions to this release.

Leaving feedback #

To leave feedback on Rivet, post a comment to our GitHub Discussions board, file a bug report, or send a message to rivet@iu.edu.

You can also communicate with the Rivet team and other users of the design system on Slack:

Get updates about Rivet #

To receive updates about Rivet’s development, join the Rivet mailing list.