ebay-chips-combobox

EbayChipsCombobox

Demo

Storybook

Usage

Import JS

import { EbayChipsCombobox, EbayComboboxOption } from "@ebay/ui-core-react/ebay-chips-combobox";

Import following styles from SKIN

import "@ebay/skin/combobox";
import "@ebay/skin/chip";
import "@ebay/skin/chips-combobox";

If tokens haven't been added to the project at a higher level, make sure to import

import "@ebay/skin/tokens";

Or import styles using SCSS/CSS

import "@ebay/skin/combobox.css";
import "@ebay/skin/chip.css";
import "@ebay/skin/chips-combobox.css";

<EbayChipsCombobox onChange={handleChange}>
    <EbayComboboxOption value="option1">Option 1</EbayComboboxOption>
    <EbayComboboxOption value="option2">Option 2</EbayComboboxOption>
    <EbayComboboxOption value="option3">Option 3</EbayComboboxOption>
</EbayChipsCombobox>

Attributes

The EbayChipsCombobox supports the same attributes as the EbayCombobox, with additional attributes specific to the chips functionality:

Name	Type	Required	Description	Data
a11yDeleteButtonText	String	No	Accessibility text for the delete button
onChange	Function	No	Triggered when the selection changes	(event: Event, { selected: string[] })