ebayui core react

ebayui-core-react

eBayui React Components

Manifestación

Requisitos

• Node.js (V20.12.2)
• React (V18+, V16.8+ en modo de mantenimiento)
• Skin de eBay (V18+)

componentes eBayui

• ebay-3d-viewer
• diálogo de ebay-alert
• ebay-area-chart
• ebay-avatar
• dialog de ebay-confirm
• ebay-badge
• ebay-bar-chart
• ebay-bridrumps
• ebay-botton
• ebay-calendar
• ebay-character-count
• eBay-Carousel
• ebay-chart-legend
• ebay-checkbox
• ebay-chip
• ebay-chips-combobox
• ebay-combobox
• dialog de ebay-confirm
• ebay-cta-botton
• eBay-Date-textbox
• ebay-details
• ebay-donut-chart
• dialog de eBay-Drawer
• ebay-education-notice
• eeente de eBay
• Dialog de Ebay-Fullscreen
• ebay-fake-link
• ebay-fake-menu
• eBay-fake-Menu-Button
• eBay-Fake-Tabs
• campo de eBay
• ebay-filter
• ebay-filter-menu
• ebay-filter-menu-button
• ebay-flag
• Dialog de Ebay-Fullscreen
• ebay-icon-button
• ebay-ícon
• ebay-image-placeholder
• ebay-infotip
• eBay-en línea
• ebay-lightbox-dialog
• ebay-line-chart
• ebay-listbox-botton
• ebay-listbox
• ebay-menu
• eBay-Menu-Button
• nota de ebay
• perra de ebay
• dialog de ebay-panel
• ebay-phone-input
• barra de progreso de eBay
• ebay-progress-bar-expressive
• spinner de eBay
• eBay-Progress-Stepper
• radio de eBay
• Título de la sección de eBay
• nota de la sección de eBay
• eBay-segmented-button
• seleccionado por eBay
• señal de eBay
• ebay-skeleton
• ebay-snackbar-dialog
• ebay-spark-line
• ebay-split-botton
• Clasificación de eBay-estrella
• selecto
• interruptor de eBay
• Tabas de eBay
• eBay-textbox
• ebay-tost-dialog
• ebay-toggle-botton
• ebay-toggle-button-group
• eBay-Tooltip
• ebay-tourtip
• ebay-tri-state-checkbox
• video de eBay

Empezando

Estos componentes React están disponibles como paquete @ebay/ui-core-react en npm.

Use NPM o hilo para agregar la dependencia del paquete a su proyecto:

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>

Notas

Si hace que los componentes de los niños sean dinámicamente y no desea obtener advertencias key React, entonces proporcione una key :

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

Atributos de transferencia

Los atributos HTML se pueden usar en cualquier componente, y se pasarán a la etiqueta más destacada del componente. La etiqueta más prominente suele ser el control raíz o de forma, pero los componentes individuales notarán si varía para casos específicos.

Ejemplo de uso:

 < EbayButton id = "my-button" />

Asuntos

Crear un problema en Github

Que contribuye

Colegio de cambios

@ebay/ui-core-react

Versión 7.x (Skin 18, cambios de icono en los nombres de iconos)

Versión 6.x (Skin 17, cambios de icono en los nombres de iconos)

Versión 5.x (Skin 16, cambios de devolución de llamada en eventos)

Versión 4.x (Skin 16, cambios de icono en los nombres de iconos)

Versión 3.x (Skin 15, algunos cambios de ruptura en los componentes de diálogo)

Versión 2.x (Skin 15)

@ebay/ebayui-core-react (obsoleto)

Versión 10.x (Skin 14)

Versión 9.X (Skin 13)

ebayui-core-react (obsoleto)

Versión 8.x (Skin 12)

Versión 6.x (piel 10)

Versión 5.x (eliminado menos, cambiado las importaciones para minimizar el tamaño del paquete)

Versión 3.x (Skin 9, React 16.8 con soporte de ganchos)

Versión 2.x (Skin 7, React 16.7)

legado