{This card title should be concise and should not exceed 78 characters or 3 lines of text}
Use this callout card to draw attention to important information, deadlines, etc.
Rich Text
This is a Rich Text component that should be the most frequently used component on any given Details page. The Rich Text component lets you to enter text in a what you see is what you get (WYSIWYG) editor that allows for headings (h2, h3, etc.), lists, links, as well as bold and italic text formatting.
Tables
The table component is used to present tabular data on details pages. It has a simple interface for building columns and rows that are rendered as a HTML table to display your data.
| Title | Deadline | Notes |
|---|---|---|
| First day to register | March 12, 2025 | This is the first day that you can go to the website and register for this class. |
| Mid-term | May 20, 2025 | Mid-term break lasts for one week. |
List Hub
The list hub is a general purpose component that let's you display a stylized lists of links with optional descriptions to help orient users and drive them to important pages on your site.
Important links
-
Orientation
Important datesFind a list of important dates and deadlines for your application on the admissions site.
-
Orientation
Degrees and majors
Discover all of the degrees, majors, and programs we offer.
-
About us
Faculty directory
View a list of all current faculty members in our department with information on their areas of interest and contact information.
Quote
Use the quote component to highlight compelling quotations from people like students, alumni, faculty, and administrators.
Breakout functionality
In this example, we're using the "Breakout" option for the quote. The the breakout option is selected, the component will break out of its parent column and display wider than the rest of the other components. This option is only available to a limited number of components that work in this wider context. Use this option to help break up longer passages of content.
One of the reasons I chose IU is because when I got there, it just felt like a really nice community.
Accordion
Use the accordion component to group content into sections that can be opened and closed.
An accordion can be useful when there are several pieces of content related to a topic but the user only needs a few of them. Frequently asked questions (FAQs) are often formatted using accordions. See the Rivet design system documentation for more usage guidance.