forked fromeBay/ebayui-core-react
- Notifications
You must be signed in to change notification settings - Fork0
oxala/ebayui-core-react
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
eBayUI React 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-textboxebay-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-menuebay-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
These react components are available as@ebay/ui-core-react package onNPM.
Use npm or yarn to add the package dependency to your project:
yarn add @ebay/ui-core-react
import{EbayTextbox,EbayButton}from'@ebay/ui-core-react'<EbayTextboxplaceholder="Enter text here"/><EbayButton>Submit</EbayButton>
import{EbayTextbox}from'@ebay/ui-core-react/ebay-textbox'import{EbayButton}from'@ebay/ui-core-react/ebay-button'<EbayTextboxplaceholder="Enter text here"/><EbayButton>Submit</EbayButton>
If you render children components dynamically and don't want to get Reactkey warnings then provide akey:
<EbayParentComponent>{items.map((item,index)=><EbayChildComponentkey={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:
<EbayButtonid="my-button"/>
Create an issue on github
@ebay/ui-core-react
@ebay/ebayui-core-react
ebayui-core-react