ebayui core react

ebayui-core-react

Ebayui React Composants

Démo

Exigences

• Node.js (v20.12.2)
• React (v18 +, v16.8 + en mode de maintenance)
• Ebay Skin (V18 +)

composants eBayui

• ebay-3d-viewer
• eBay-alert-dialog
• ebay-area-chart
• ebay-avatar
• ebay-confirm-dialog
• eBay-Badge
• ebay-bar-chart
• ebay-raidcoumbes
• Button eBay
• eBay-Calendar
• ebay-character-count
• carrousel eBay
• ebay-chart-legend
• eBay-Checkbox
• ebay-chip
• ebay-chips-combobox
• ebay-combobox
• ebay-confirm-dialog
• eBay-Cta-Button
• ebay-date-textbox
• ebay-details
• ebay-donut-chart
• eBay-Drawer-Dialog
• ebay-education-notice
• ebay-oek
• ebay-fullScreen-dialog
• ebay-fake-link
• eBay-Fake-menu
• eBay-Fake-Menu-Button
• ebay-tabs
• eBay-champ
• ebay-filter
• ebay-filter-menu
• ebay-filter-menu-button
• ebay-flag
• ebay-fullScreen-dialog
• eBay-Icon-Button
• eBay-icon
• ebay-image-placeholder
• eBay-infotip
• eBay-inline-note
• eBay-lightbox-dialog
• ebay-line-chart
• eBay-listbox-bouton
• ebay-listbox
• eBay-menu
• eBay-menu-bouton
• ebay-page-note
• pagination ebay
• eBay-Panel-Dialog
• ebay-phone-input
• eBay-Progress-Bar
• ebay-progress-bar-expressive
• eBay-Progress-Spinner
• eBay-Progress-Stepper
• eBay-radio
• section eBay
• eBay-section-note
• Buttons segmentés eBay
• eBay-sélection
• eBay-Signal
• ebay-skeleton
• ebay-snackbar-diale
• ebay-spark-line
• Button eBay-Split
• EBAY-Star Rating
• eBay-star-noming-sélectif
• entrepôt eBay
• ebay-tabs
• ebay-textbox
• eBay-toast-dialog
• eBay-Toggle-Button
• ebay-toggle-bouton-groupe
• ebay-tooltip
• ebay-tourtip
• ebay-tri-state-checkbox
• eBay-video

Commencer

Ces composants React sont disponibles en tant que package @ebay/ui-core-react sur NPM.

Utilisez le NPM ou le fil pour ajouter la dépendance du package à votre projet:

yarn add @ebay/ui-core-react @ebay/skin

 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

Si vous rendez les composants pour enfants dynamiquement et que vous ne voulez pas obtenir des avertissements key React, fournissez une key :

 < EbayParentComponent >
    { items . map ( ( item , index ) => < EbayChildComponent key = { index } > { item } </ EbayChildComponent > ) }
</ EbayParentComponent >

Attributs de passage

Les attributs HTML peuvent être utilisés sur n'importe quel composant, et ils seront transmis à la balise la plus importante du composant. La balise la plus importante est généralement le contrôle racine ou de forme, mais les composants individuels noteront s'il varie pour des cas spécifiques.

Exemple d'utilisation:

 < EbayButton id = "my-button" />

Problèmes

Créer un problème sur Github

Contributif

Changelog

@ebay/ui-core-react

Version 7.x (Skin 18, Breaking Changes dans les noms d'icônes)

Version 6.x (Skin 17, Breaking Changes dans les noms d'icônes)

Version 5.x (Skin 16, Breaking Changes dans les rappels d'événements)

Version 4.x (Skin 16, Breaking Changes dans les noms d'icônes)

Version 3.x (Skin 15, quelques changements de rupture dans les composants de dialogue)

Version 2.x (Skin 15)

@ebay/ebayui-core-react (obsolète)

Version 10.x (Skin 14)

Version 9.x (Skin 13)

ebayui-core-react (obsolète)

Version 8.x (Skin 12)

Version 6.x (Skin 10)

Version 5.x (supprimé moins, modification des importations pour minimiser la taille du bundle)

Version 3.x (Skin 9, React 16.8 avec support de crochets)

Version 2.x (Skin 7, React 16.7)

héritage