Skip to main content

Blog

Rivet 2.5.0 release

Rivet 2.5.0 is now available. This release makes enhancements to the accordion, dropdown, and sidenav components.

Scott Anthony Murray

Jun 27, 2023

Rivet version 2.5.0 is now available. This release makes enhancements to the accordion, dropdown, and sidenav components.

Improved keyboard navigation usability #

This release updates the accordion component to prevent the page from scrolling when a user navigates through each panel using the up and down arrow keys.

The dropdown component has likewise been updated to prevent unwanted scrolling when a user navigates through each menu item using the arrow keys.

Simplified markup #

This release simplifies the markup of the accordion, dropdown, and sidenav components.

The component JavaScript now automatically generates unique values for child element data attributes if no values are provided. It will also match these values in situations where one element controls another, such as an accordion trigger that opens its associated panel.

Component Auto-generated and matched attribute values
Accordion data-rvt-accordion-trigger, data-rvt-accordion-panel
Dropdown data-rvt-dropdown-toggle, data-rvt-dropdown-menu
Sidenav data-rvt-sidenav-toggle, data-rvt-sidenav-list

You are no longer required to manually specify—and match up—attribute values for these components with open/close functionality. (You can still explicitly set values for the attributes listed above if you need to. Rivet JavaScript will not overwrite these values.)

In addition, the required ARIA attributes needed by the accordion, dropdown, and sidenav are now automatically added by the component JavaScript. You no longer need to explicitly add them to the markup.

See each component’s documentation for more information.

Note that you do not need to update existing markup in your projects—it will continue to work. However, consider replacing existing accordion, dropdown, and sidenav markup with the simplified markup at your convenience.

Complete list of updates #

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

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.