Component status

Each component will go through phases in its lifecycle. Below is a breakdown of the component phases.

Status descriptions

Current component statuses

Rivet component status
Component	Description	Status
Box	The box component can be used to help visually group related content	Ready
Grid	A 12 column responsive grid with support for automatic columns that makes it easy to lay out your application.	Ready
Panels	Use panels to help group content visually or call attention to parts of your application.	Deprecated
Spacing	A robust set of responsive spacing utilities to help fine-tune your layout.	Ready
Typography	Use the Rivet type scale to apply consistent typographic design to your application.	Ready
Badges	Use badges to call out or label important information in your UI.	Ready
Links	Inline text links are used to navigate between documents (pages).	Ready
Lists	Lists are used to group and organize collections of content.	Ready
Media Object	The media object is a simple layout component that can generally be used to display items in a list of content.	Ready
Step Indicator	Show the user the current step in a multi-step process	Ready
Tables	Tables are used to display tabular data in rows and columns.	Ready
Tabs	Use tabs to allow users to switch between logical chunks of content without having to leave the current page.	Ready
Timeline	Show users chronologically ordered information	Ready
Buttons	Buttons are intended to signal actions to users.	Ready
Segmented Buttons	Use the segmented button to display a group of related controls in a single line. Combine them with the dropdown to create complex menu controls.	Ready
Checkboxes	Checkboxes allow users to select one or more options from a list of choices.	Ready
File input	A custom HTML file input that is styled to look like Rivet buttons	Ready
Input group	Use input groups to combine a text input with an action button or dropdown menu.	Ready
Radio buttons	Radio buttons allow users to select a single value out of a set number of choices.	Ready
Select element	The select element creates a dropdown that allows users to choose one item from a list.	Ready
Text inputs	Text inputs are the basic building blocks of forms. They allow users to enter various types of data into web-based forms.	Ready
Breadcrumb	A navigation component that indicates the user's current location in the nav hierarchy	Ready
Dropdown	Use the dropdown component to create a list of menu options that can be toggled with a button element.	Ready
Footer	The base footer provides consistent branding in a condensed space below all of your application content.	Ready
Header	The Rivet header provides consistent branding and flexible navigation layout for your application.	Ready
Menu	Provide additional navigation outside of the main header	Ready
Pagination	The pagination component is used to break up large sets of data across multiple pages.	Ready
Alerts	Alerts are used to display brief important messages to users. They are designed to attract the user’s attention, but not interrupt their work.	Ready
Loading indicator	The Rivet loading indicator helps notify users when their action is being processed	Ready
Modals	A modal is a smaller window that is displayed on top of the main application/site window. The main page is still visible, but the background is darkened to direct focus to the content of the modal window.	Ready
Border	Add borders to or remove borders from an element	Ready
Display	Use Rivet's display utilities to make content containers behave like block or inline elements.	Ready
Flex	This set of responsive flexbox utilities can help you fine-tune layouts based on different screen sizes.	Ready
Text	The Rivet text utilities make it easy to style text.	Ready
Visibility	Use Rivet's visibility utilities to hide content in a responsive and accessible way.	Ready
Width	Use Rivet's width utilities to constrain the width of interface elements, particularly form fields.	Ready
z-index	These utility classes let you easily change the z-index of an element.	Ready