A series of expanding/collapsing panels of content.

A lightbox dialog that prompts user for acknowledgement.

A graphical representation of a user's identity.

A visual indicator that notifies users of numeric values.

A list of links representing current location in site hierarchy.

A control for executing JavaScript or submitting/resetting form values

A calendar shows the days, weeks, and months of a given year.

High-level entity view with a call to action; typically part of a set.

A horizontal viewport of grouped or ungrouped content.

Pictogram for the EU Common Charger Directive (CCD).

Serves as a key to interpreting the information presented in a chart.

A form control that allows multiple selections from a group of choices.

A chip conveys the application of its value to a section of a form.

A quick way to add or remove chips.

Textbox with quick-entry ability via a list of values.

A lightbox dialog that prompts user to confirm or cancel an action.

A calendar based "date picker" as an alternative to manual text entry.

A region of content that can be expanded and collapsed.

A variation of a pie chart that displays data in a ring shape.

A special type of section notice that educates users on programs and features.

Pictogram for EU Energy Rating labels.

A CSS utility for form field layout and structure.

Allows users to select files from their device to upload.

Used to properly layout a group of file preview cards.

A card-like preview of the file being uploaded.

Provides immediate visual feedback and input of filters.

A textbox for dynamic, real-time filtering of in-page data sets

All international country flags represented in a sprite.

An HTML label that is rendered inside the bounds of a textbox or button.

Small collection of CSS type selectors for global styles.

A button with icon only and no visible text.

Our iconography in SVG format.

A fallback image for use when an image is unavailable.

Reveals helpful information about a nearby non-interactive element or region of a page.

An inline-level notice provides tips, guidance and feedback.

Used to properly layout a group of item tiles.

A card-like component that displays key information about an item.

A generic, responsive layout grid for repeating UI elements in a container.

A modal, child window; renders the main window content inert.

Allow users to move from one URL to another or access different resources.

Combines a set of content inside a horizontal layout.

A button that expands to reveal a listbox in a popover.

Allows selection of one or more items from a list of options.

eBay's custom typeface for digital experiences.

A button that expands to reveal a menu within a popover.

Menu items trigger an immediate action within the current page.

A numeric input field with prominent increase/decrease buttons.

A CSS utility for creating page layouts with a grid system.

A page notice appears prominently at the top of the page.

Navigate between pages of results.

A slide-in dialog that appears from the side of the screen.

A composite component that allows for phone number input.

An alternative to the progress spinner, especially for longer anticipated loading times.

Indicates the completion progress of a task or process.

Indicates that content is loading or an action is being processed.

Steppers portray progress through a sequence of steps.

A form control that allows a single selection from a group of choices.

Small collection of SASS variables and mixins.

A section notice conveys system status and/or feedback to users.

Separates bodies of content to establish hierarchy throughout the experience.

Control the state of an object or the visibility of section content.

A control for storing single-select or multi-select form data.

Helps users quickly toggle pre-validated input values.

A product signal for an item, e.g. New Listing, Great Price.

A skeleton is a graphical placeholder.

A non-modal dialog; appears in response to a lightweight user action.

Button combining a primary action with dropdown of secondary actions.

Interactive star rating input for user reviews or feedback.

Star rating graphic to represent user reviews or feedback.

An on/off switch that dynamically toggles a setting.

Data structured in rows and columns.

Hide and disclose panels of content via a series of interactive tabs.

A textbox allows the user to enter data.

A non-modal dialog; appears in response to a system-level action.

Used to properly layout a group of toggle buttons.

An ARIA toggle button; typically used in a group.

Our Evo design tokens represented in CSS variables.

Small popover describing the action/purpose of an icon button.

Popover informing the user of a new feature or section on the page.

Our Evo type ramp represented in CSS classes.

A small set of common, utility classes.