eBayUI Core

The ebayui-core library provides two distinct categories of components for user interaction:

1. Navigation Components: Used to transition the user to a new page or location.
2. Disclosure Components: Used to reveal information to the user that was previously hidden (e.g., expanding/collapsing content).

The ebay-video component is a video player that supports both MPD (MPEG-DASH) and M3U8 (HLS) playlist formats. It uses dash.js internally, which is loaded asynchronously after the video player is initialized on the page.

Resizing Behavior

• Variable Width: If no width is provided, the <video> tag will automatically resize based on its parent container's size.
• Fixed Width: You can provide a specific width to fix the player's dimensions.

The ebay-fake-link component is a UI element that visually resembles a link but functions as a button under the hood. This is useful for maintaining consistent styling while ensuring the element behaves correctly for accessibility and interaction patterns that require a button (e.g., triggering an action rather than navigating to a new URL).

For interactive documentation and visual examples, refer to the component's Storybook entries.

The ebay-fake-menu-button is a button component designed to display a menu of links when clicked.

For interactive demonstrations and detailed property documentation, refer to the official Storybook instances:

• Storybook Component View
• Storybook Documentation

For implementation patterns, you can explore the Code Examples directory in the repository.

The ebay-area-chart component is used to display one to five series of data points as an interactive stacked area chart.

For interactive documentation, component states, and visual examples, refer to the Storybook documentation. For implementation patterns, refer to the code examples in the repository.

<!-- Documentation Links -->
- Storybook: https://ebay.github.io/ebayui-core/?path=/docs/charts-ebay-area-chart
- Storybook Docs: https://ebay.github.io/ebayui-core/?path=/docs/charts-ebay-area-chart
- Code Examples: https://github.com/eBay/ebayui-core/tree/master/src/components/ebay-area-chart/examples

The ebay-filter-menu is a checkbox menu specifically styled for filtering actions. It is designed to be used in conjunction with the ebay-filter-menu-button component to create a selectable set of items that allow users to filter content.

For interactive documentation and visual examples, refer to the component's Storybook entries.

The <ebay-combobox> is a composite UI component that combines a text <input> with a listbox (aria-role="listbox"). It allows users to either type custom text into the input or select predefined options from the listbox.

For interactive documentation, visual states, and detailed property specifications, refer to the official Storybook instances:

• Storybook Component View
• Storybook Documentation

The ebay-listbox component is used to generate the menu portion of a listbox.

Important Note: If you need a button that handles the hiding and showing of the menu, use the ebay-listbox-button component instead of ebay-listbox alone.

The ebay-file-input component is a styled wrapper around the standard HTML <input type="file">. It provides consistent eBay UI styling for file selection inputs.

For interactive documentation, visual variations, and detailed property tables, refer to the component's Storybook pages:

• Storybook Visuals
• Storybook Documentation

Detailed implementation patterns can be found in the Code Examples directory.

The ebay-date-textbox is a specialized form component designed as an alternative to the standard <input type="date">. It provides a consistent user interface for date entry within eBay UI applications.

For detailed interactive documentation, visual states, and implementation patterns, refer to the component's Storybook documentation.

The ebay-toggle-button is a component used to render a group of toggle buttons. For interactive documentation, visual states, and detailed property descriptions, refer to the official Storybook instances.

• Visual Examples: Storybook
• API Documentation: Storybook Docs
• Implementation Patterns: Code Examples