Vertically-stacked list that allows users to expand and collapse additional content
Content building blocks with pre-defined, fluid styles
Provides contextual feedback messages for typical user actions
Navigation used to reveal a page's location within the site hierarchy
Initiates an action, such as completing a task or submitting information
Provides context and credit for an asset such as an image, video, or chart
Related, interactive containers linking to a single subject or destination
Allows selecting one or more items from a list
Allows people to make selections, filter content, or trigger actions
Provides base margins and responsive layout logic for pages
Responsive, accessible filmstrip for displaying a horizontal list of content frames.
Groups related input elements together
Selection variant of CdrSurfaceSelection with additional interactive states
Simple wrapper for working with CSS grid
Communicates meaning through graphics representing simple and complex ideas
Media for capturing attention and communicating messages
Allows for data entry, editing, and search
Displays a full-width image and heading at the top of a page
Foundational container for creating structured layouts
Clickable text elements used for navigating to other pages or sections
Groups related content items together either vertically or horizontally
Component that pairs images or videos with related text in a consistent way
Disruptive, action-blocking overlays used to display important information
Component for positioning content in 9 different positions relative to a container
Allows people to navigate to the next or previous page within an experience
Provides instructions for browsers to use alternative image versions in various scenarios
Small overlay used to display contextual information
Short excerpt used to emphasize content or break up a large body of text
Permits the selection of only one option from a list of two or more
Provides insight into user opinions for products, experiences, and more
Allows the selection of one or more options from a dropdown list
Visually communicates content is in the process of loading
Introduces a layered surface for distinct content sections, smoothing the transition from one page section to another
Foundational container for creating structured layouts
Permits selection from two opposing options
Organizes structured data for users to easily scan, compare, and analyze
Organizes related content into groups for people to navigate between
Text container used for any text element such as paragraphs, headings, and lists
Non-modal dialog used to communicate the status of a task or process
Permits switching two or more options on and off
Floating label used to clarify interface actions