Action Menu

The Action Menu is a dropdown that provides access to secondary, contextual actions and navigation options.

Button

Buttons are the main interactive elements of digital experiences and trigger actions or events

Link

Links are text-based references to other web pages or trigger actions.

Default Item

Default Items are for content that doesn't have a specific Asset Item component in our design system and should, therefore, only be used as a fallback.

Link Item

A Link Item is a teaser to feature external assets on Red Bull's web platforms.

Person Item

A Person Item can either serve as a teaser for a person’s internal or external profile page or to feature a person.

Product Item

A Product Item is a teaser to the detail page of a product.

Story Item

A Story Item is a teaser for editorial content, leading users to a story page. 

Video Item

A Video Item serves as a teaser for a Video asset linking to it.

Default Card

Default Cards are for content that doesn't have a specific Card component in our design system and should only be used as a fallback.

Link Card

A Link Card is a way to feature external assets on Red Bull's web platforms.

Person Card

A Person Card is a teaser for a person's profile page.

Product Card

A Product Card is a teaser of the detail page of a product.

Story Card

A Story Card is a teaser for an editorial content piece.

Video Card

A Video Card is a teaser for an online video.

Checkbox

Checkboxes allow users to select an option.

Checkbox Group

A Checkbox Group combines two or more Checkboxes as one form field, providing multiple choices to a user.

Input

Inputs allow users to submit or edit data.

Radio Group

A Radio Group enables the user to select from a list of options. Radio Groups are only used for single selections.

Select

A Select allows a user to select from a list of options.

Textarea

Textareas allow users to submit or edit long data.

Floating Bar A floating bar is a fixed, non-modal interface element that keeps key information visible while users scroll.

Tooltip

Tooltips are floating, user-triggered messages that provide contextual information about a user interface element or feature.

Badge

The Badge serves as a visual cue to spotlight information such as metadata or classifications in user interfaces.

Chip

A Chip represents an input or selection that can be dismissed.

Spinner

A Spinner is an interface component for indicating something is busy or processing.

Avatar

An Avatar refers to a visual element that represents a user or a person.

Carousel

A carousel displays horizontally scrollable content within a confined space.

Flag

A Flag is a visual representation of a country or nationality.

Icon

Icons are visual representations of commands and actions or common information.

Image

A component to preload and display image assets.

Media Preview

Use the Media Preview component to display media within components or content.

Text

Use the Text component to render texts in user interfaces and long-form reads.

Title

Use the Title component to render titles in user interfaces and long-form reads.

Mode

The Mode is a utility that allows you to control the appearance of nested components in one go.