@ebay/ui-core-react v6.3.0
ebayui-core-react
eBayUI React components
Requirements
eBayUI Components
ebay-3d-viewer
- ebay-alert-dialog
- ebay-confirm-dialog
- ebay-badge
- ebay-breadcrumbs
- ebay-button
ebay-calendar
- ebay-carousel
- ebay-checkbox
ebay-combobox
- ebay-confirm-dialog
- ebay-cta-button
ebay-date-textbox
ebay-details
- ebay-drawer-dialog
- ebay-eek
- ebay-fullscreen-dialog
ebay-fake-link
- ebay-fake-menu
- ebay-fake-menu-button
- ebay-fake-tabs
- ebay-field
ebay-filter
(in progress...)ebay-filter-menu
ebay-filter-menu-button
- ebay-icon-button
- ebay-icon
- ebay-infotip
- ebay-inline-notice
- ebay-lightbox-dialog
ebay-line-chart
- ebay-listbox-button
ebay-listbox
- ebay-menu
- ebay-menu-button
- ebay-page-notice
- ebay-pagination
- ebay-panel-dialog
- ebay-progress-bar
- ebay-progress-spinner
- ebay-progress-stepper
- ebay-radio
- ebay-section-title
- ebay-section-notice
- ebay-select
- ebay-signal
- ebay-snackbar-dialog
- ebay-split-button
- ebay-star-rating
- ebay-star-rating-select
- ebay-switch
- ebay-tabs
- ebay-textbox
- ebay-toast-dialog
- ebay-tooltip
- ebay-tourtip
ebay-tri-state-checkbox
- ebay-video
Getting Started
These 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
for quick development/POC
import { EbayTextbox, EbayButton } from '@ebay/ui-core-react'
<EbayTextbox placeholder="Enter text here" />
<EbayButton>Submit</EbayButton>
for smaller bundle size
import { 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>
Notes
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>
Pass-Through Attributes
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" />
Issues
Create an issue on github
Contributing
Changelog
@ebay/ui-core-react
version 5.x (Skin 16, breaking changes in event callbacks)
version 4.x (Skin 16, breaking changes in icon names)
version 3.x (Skin 15, some breaking changes in dialog components)
version 2.x (Skin 15)
@ebay/ebayui-core-react
version 10.x (Skin 14)
version 9.x (skin 13)
ebayui-core-react
version 8.x (skin 12)
version 6.x (skin 10)
version 5.x (removed less, changed imports to minimize bundle size)
version 3.x (skin 9, react 16.8 with hooks support)
version 2.x (skin 7, react 16.7)
legacy
6 days ago
28 days ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
4 months ago
4 months ago
4 months ago
4 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
7 months ago
7 months ago
6 months ago
6 months ago
7 months ago
6 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
8 months ago
8 months ago
5 months ago
5 months ago
5 months ago
5 months ago
6 months ago
6 months ago
8 months ago
10 months ago
9 months ago
9 months ago
6 months ago
6 months ago
6 months ago
6 months ago
7 months ago
8 months ago
9 months ago
5 months ago
6 months ago
1 year ago
1 year ago
12 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
11 months ago
1 year ago
11 months ago
11 months ago
11 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
1 year ago
2 years ago
1 year ago
1 year ago
2 years ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago