ebayui core react

ebayui-core-react

Componentes do eBayui reagem

Demonstração

Requisitos

• Node.js (v20.12.2)
• React (v18+, v16.8+ no modo de manutenção)
• pele do eBay (v18+)

Componentes do eBayui

• ebay-3d-viewer
• ebay-alert-dialog
• ebay-area-chart
• ebay-avatar
• ebay-confirm-dialog
• ebay-badge
• ebay-bar-chart
• Ebay-p-p-p-p-BRUMBS
• Ebay-botão
• Ebay-calendário
• ebay-character-count
• ebay-carousel
• 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-eek
• Ebay-FullScreen-Dialog
• ebay-fake-link
• ebay-fake-menu
• ebay-fake-menu-botão
• Ebay-Fake-Tabs
• Ebay-field
• 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-in-inline-noticioso
• Ebay-LightBox-Dialog
• ebay-line-chart
• Butão do eBay-Listbox
• ebay-listbox
• ebay-menu
• ebay-menu-botão
• ebay-página-noticiosa
• Paginação do eBay
• ebay-panel-dialog
• ebay-phone-input
• ebay-progresso-bar
• ebay-progress-bar-expressive
• Ebay-Progresso-spinner
• Ebay-Progress-Stepper
• ebay-radio
• Ebay-seção-título
• Ebay-Seção-Notice
• eBay-segmentado-buttons
• ebay-seleto
• ebay-sinal
• ebay-skeleton
• ebay-snackbar-dialog
• ebay-spark-line
• Ebay-Split-Button
• Classificação do eBay-estrela
• Select de classificação do eBay-estrela
• ebay-switch
• Ebay-tabs
• eBay-textbox
• Ebay-Toast-Dialog
• Ebay-Toggle-Button
• Ebay-Toggle-Button-Group
• ebay-tooltip
• Ebay-Tourtip
• ebay-tri-state-checkbox
• ebay-video

Começando

Esses componentes do React estão disponíveis como pacote @ebay/ui-core-react no NPM.

Use NPM ou fios para adicionar a dependência do pacote ao seu projeto:

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

Se você renderizar os componentes de crianças dinamicamente e não deseja obter os avisos de key do React, forneça uma key :

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

Atributos de passagem

Os atributos HTML podem ser usados em qualquer componente e serão passados para a etiqueta mais proeminente do componente. A tag mais proeminente é geralmente o controle de raiz ou formulário, mas os componentes individuais observarão se varia para casos específicos.

Exemplo de uso:

 < EbayButton id = "my-button" />

Problemas

Crie um problema no GitHub

Contribuindo

Changelog

@ebay/ui-core-react

Versão 7.x (Skin 18, Breaking mudanças nos nomes dos ícones)

Versão 6.x (Skin 17, Breaking mudanças nos nomes dos ícones)

Versão 5.x (Skin 16, Breaking mudanças nos retornos de chamada do evento)

Versão 4.x (Skin 16, Breaking mudanças nos nomes dos ícones)

Versão 3.x (Skin 15, algumas mudanças de quebra nos componentes de diálogo)

Versão 2.x (pele 15)

@ebay/ebayui-core-react (obsoleto)

Versão 10.x (pele 14)

Versão 9.x (Skin 13)

ebayui-core-react (obsoleto)

Versão 8.x (Skin 12)

Versão 6.x (Skin 10)

Versão 5.x (removido menos, mudou as importações para minimizar o tamanho do pacote)

Versão 3.x (Skin 9, React 16.8 com suporte de ganchos)

Versão 2.x (Skin 7, React 16.7)

legado