Skip to main content

Component Status

Each component will go through phases in its lifecycle. Component statuses are listed below.
Pre-release Component Status Notes
While BUX is in a pre-release state (version 0.x.x), many components may still be in Alpha or Beta status.

Status Descriptions#

NameDescriptionLabel
ReadyThis component is ready to use in production.
Ready
BetaThis component is fairly stable and is undergoing its final design and accessibility reviews. Minor changes could happen as a result of these reviews.
Beta
AlphaUse with caution. This component is still under development.
Alpha

Current component statuses#

ComponentSummaryStatus
Accent ColorsThese accent colors have been carefully selected to complement our primary colors and should be used in smaller amounts.
Component status:Ready
AccordionThe accordion component delivers large amounts of content in a small space through progressive disclosure.
Component status:Beta
AlertsAlerts are used to display brief important messages to users.
Component status:Ready
Back to TopThe Back to Top component helps users quickly navigate back to the top of long pages of content.
Component status:Beta
BreadcrumbA navigation component that indicates the user's current location within the site navigation hierarchy.
Component status:Ready
BreakpointsStandardized values for media queries.
Component status:Ready
Buckeye AlertA placeholder component for Buckeye Alert emergency messages. This component will only be visible when there is an active alert message.
Component status:Beta
ButtonsButtons are used to initialize an action.
Component status:Ready
CardA card is a container intended for grouping and organizing related content.
Component status:Beta
ContainerA wrapper element to provide consistent horizontal alignment across regions on a page.
Component status:Ready
DetailsA native HTML disclosure widget in which information is visible only when the widget is toggled into an open state.
Component status:Beta
FaviconA small icon that serves as branding for your website.
Component status:Ready
FontsOur brand fonts, Buckeye Serif and Buckeye Sans, are available as web fonts and built directly into BUX.
Component status:Ready
Form ElementsForm elements are used for creating user input fields.
Component status:Beta
GridA 12-column responsive grid with support for automatic-width and ratio-based columns.
Component status:Ready
HeadingsHeading styles for websites.
Component status:Beta
IconsBUX icon set
Component status:Beta
LinksLinks are used as a navigational element.
Component status:Beta
ListicleAn article written in list format.
Component status:Beta
ListsLists are used to group and organize content.
Component status:Beta
Menu
Component status:Beta
OSU NavbarA common element across all university sites. It provides quick links back to the university home page and other central resources.
Component status:Beta
PaginationAn interface used to navigate between multiple pages of content.
Component status:Beta
PanelA panel enables you to add visual emphasis to a group of components. The panel width is 100% the width of its container.
Component status:Beta
Primary ColorsScarlet and Gray have been Ohio State’s official colors since the university’s earliest days.
Component status:Ready
Question + AnswerA transcript of an interview that includes both the interviewer’s direct questions and the interviewee’s response in written format.
Component status:Beta
Sidebar Navigation
Component status:Beta
Site FooterOur footer validates a site as officially from Ohio State and identifies the specific unit managing the site so the user can connect with them appropriately.
Component status:Beta
Site Header
Component status:Beta
Social Media LinksA collection of links to social media accounts.
Component status:Beta
SpacingA set of global spacing values that can be applied via utility classes or as Sass Variables.
Component status:Ready
TableTables are used to display tabular data in rows and columns.
Component status:Alpha
TabPanelA TabPanel is a tabbed interface component where each tab is associated with a panel containing information related to that tab.
Component status:Beta
TileA tile is a container that groups an optional image or icon with a title into a single unit.
Component status:Beta
TimelineDisplays chronologically ordered information.
Component status:Beta
Type SizeA set of global type size values that can be applied via utility classes or as Sass Variables.
Component status:Ready
Utility ColorsThese utility colors are only to be used in user interface elements such as success, warning or error messages.
Component status:Ready