Skip to content
Indiana University Logo
Rivet Design System
  • Components Add-ons Content guide Migration guide
  • What is Rivet? Blog Changelog
  1. May 4, 2022

    Rivet 2.0.0-beta.4 release

    The fourth Rivet 2 beta release introduces design updates to several components and a new responsive table wrapper element.

  2. March 30, 2022

    Rivet 2.0.0-beta.3 release

    The third Rivet 2 beta release updates accordion, badge, and button styles.

  3. February 9, 2022

    Rivet 2.0.0-beta.2 release

    The latest Rivet 2 beta release introduces the link hub component, adds new utility classes, and refactors component JavaScript.

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
Rivet 1 has been retired and will no longer receive updates. The v1 source code has been archived here. Please migrate to Rivet 2 as soon as possible.
Version 1.8.3
  • Information
    • Changelog
    • Component status
    • Contributing
  • Getting started
    • Install with NPM
    • Rivet Sass
  • Layout
    • Box
    • Grid
    • Panels
    • Spacing
    • Typography
  • Page content
    • Badges
    • Links
    • Lists
    • Media Object
    • Step Indicator
    • Tables
    • Tabs This component requires JS
    • Timeline
  • Forms
    • Buttons
    • Segmented Buttons
    • Checkboxes
    • File input This component requires JS
    • Input group
    • Radio buttons
    • Select element
    • Text inputs
  • Navigation
    • Breadcrumb
    • Dropdown This component requires JS
    • Footer
    • Header This component requires JS
    • Menu
    • Pagination
  • Overlays & Feedback
    • Alerts This component requires JS
    • Loading indicator
    • Modals This component requires JS
  • Utilities
    • Border
    • Display
    • Flex
    • Text
    • Visibility
    • Width
    • z-index

Install with NPM

Install and manage Rivet as an NPM package

NPM dependency

These instructions assume that you are already using NPM in your project. If not, you can visit the NPM website to learn more about getting started with Node and NPM.

About using a .npmrc file

In previous versions of Rivet, a .npmrc file configured to look at IU’s public registry was required to install Rivet. As of version 1.1.0, you no longer need a .npmrc file.

Installing via NPM

Once you have a package.json file configured in the root of your project, you can run the following command to install Rivet:

npm install rivet-uits@1.8.3 --save-dev

Updating the Rivet NPM package

When a new version of Rivet is released, it will be published to the NPM registry. You can check for updates by running the npm outdated command. To actually update your NPM dependency, you can run the following command in the same directory as your project’s package.json file:

In this example, <version> would be the new version of Rivet you want to install, for example 1.8.3

npm install rivet-uits@<version> --save-dev

On this page

  • NPM dependency
    • Installing via NPM
    • Updating the Rivet NPM package
  • Accessibility
  • Privacy Notice
  • Copyright © The Trustees of Indiana University