eBayUI React components
ebay-3d-viewerebay-area-chartebay-avatarebay-bar-chartebay-character-countebay-chart-legendebay-chipebay-chips-comboboxebay-comboboxebay-detailsebay-donut-chartebay-education-noticeebay-fake-linkebay-filterebay-filter-menuebay-filter-menu-buttonebay-flagebay-image-placeholderebay-line-chartebay-listboxebay-phone-inputebay-progress-bar-expressiveebay-skeletonebay-spark-lineebay-toggle-buttonebay-toggle-button-groupebay-tri-state-checkboxThese react components are available as @ebay/ui-core-react package on NPM.
Use npm or yarn to add the package dependency to your project:
yarn add @ebay/ui-core-react @ebay/skinimport { EbayTextbox } from '@ebay/ui-core-react/ebay-textbox'
import { EbayButton } from '@ebay/ui-core-react/ebay-button'
<EbayTextbox placeholder="Enter text here" />
<EbayButton>Submit</EbayButton>If you render children components dynamically and don't want to get React key warnings then provide a key:
<EbayParentComponent>
{items.map((item, index) => <EbayChildComponent key={index}>{item}</EbayChildComponent>)}
</EbayParentComponent>HTML attributes can be used on any component, and they will be passed through to the most prominent tag of the component. The most prominent tag is usually the root or form control, but individual components will note if it varies for specific cases.
Example of usage:
<EbayButton id="my-button" />Create an issue on github
@ebay/ui-core-react
@ebay/ebayui-core-react (obsolete)
ebayui-core-react (obsolete)