Skip to content
Indiana University Logo
Rivet Design System
  • Components Add-ons Content guide
  • What is Rivet? Blog Roadmap Changelog
  1. February 25, 2021

    Rivet 1.8.0 release

    Rivet 1.8.0 is now available. This release adds border removal utility classes and fixes bugs related to the button, dropdown, and collapsible components.

  2. February 15, 2021

    Rivet announcements: Beta timeline, GitHub Discussions, and 1.8.0 release

    Updates about Rivet's development in the spring and beyond.

  3. January 20, 2021

    Rivet featured on Accessible Code Libraries and Design Patterns list

    Rivet was highlighted alongside the U.S. government, GOV.UK, and Salesforce design systems.

More posts Get updates in your inbox
Install via NPM Download CSS & JS Hosted assets
Navigation
    • Components
    • Add-ons
    • Content guide
    • What is Rivet?
    • Blog
    • Roadmap
    • Changelog
  • Use Rivet
Resources
  • User Experience Office
  • Accessibility Evaluations
  • Rivet Software Design System
  • IU Framework for WCMS
Go back to the Blog

Rivet 0.5.0 release

Rivet 0.5.0 is now available. This release adds a lot of new components and improves existing ones.

In this article

    • New components
    • Features
    • Bug fixes
    • Approaching 1.0.0
    • Feedback & Questions

0.5.0 brings a handful of pretty significant changes that will require updating some markup in a few places mainly isolated to the header. We’ve update the documentation to reflect all of the new additions and created a guide to help you update from any of the pre-0.5.0 versions.

New components

Here’s a list of the new components we’ve added for this release.

  • Segmented buttons
  • Input groups
  • Tabs
  • Dropdown menus
  • Custom File input

Features

We’ve also spent some time improving existing components.

  • Visual updates to buttons, form inputs, and icons
  • Redesigned inline form validation errors and messaging
  • Responsive header sizing
  • init() methods now accept a context DOM element within which to initialize components

Bug fixes

Thanks to some of the folks piloting Rivet we’ve found a few bugs that have also been fixed.

  • Alerts dynamically added to the DOM after init() has run will now dismiss correctly
  • Improved accessibility of header components
  • Fixed Modal.open() not opening a modal
  • Increased color contrast on some button states to meet WCAG 2.0
  • Improved accessibility on dropdowns
  • Focus-trapping in modals works correctly when there is only one focusable element
  • DOM queries moved in to init() methods to allow components to be re-initialized
  • The background of the drawer will now extend to the bottom of the browser when the contents of the drawer are longer than the viewport

Approaching 1.0.0

As we mentioned above this will be the last release before we move to 1.0.0. We’ll make any necessary changes based on feedback and testing as well as some documentation improvements, but any updates between now and 1.0.0 should be additive, non-breaking changes. The migration guide below outlines all the updates and includes code examples that will help you make the necessary updates.

View the guide

Feedback & Questions

We’d appreciate any feedback you have and would be happy to answer any questions. The best way to submit feedback is by creating an issue on Github:

https://github.com/indiana-university/rivet-source/issues/new/choose

Thanks!

Previous: 0.5.0+ Migration guide Next: Rivet 1.0.0 release
Levi McGranahan
March 21, 2018

About Rivet

Rivet is a university-wide initiative, overseen by the Digital Campus Studio.

Have a question about Rivet?

We're happy to help! If you've found a bug, typo, or have a request, the best way to get in touch is to create an issue on Github.

For all other questions please feel free to email us at rivet@iu.edu

  • Accessibility
  • Privacy Notice
  • Copyright © The Trustees of Indiana University