ebayui core react
v7.4.0
ebayui رد فعل المكونات
العرض التوضيحي
ebay-3d-viewer ebay-area-chart ebay-avatar ebay-bar-chart ebay-character-count ebay-chart-legend ebay-chip ebay-chips-combobox ebay-combobox ebay-details ebay-donut-chart ebay-education-notice ebay-fake-link ebay-filter ebay-filter-menu ebay-filter-menu-button ebay-flag ebay-image-placeholder ebay-line-chart ebay-listbox ebay-phone-input ebay-progress-bar-expressive ebay-skeleton ebay-spark-line ebay-tri-state-checkbox تتوفر مكونات React هذه كحزمة @ebay/ui-core-react على NPM.
استخدم NPM أو الغزل لإضافة تبعية الحزمة إلى مشروعك:
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> إذا قمت بتقديم مكونات الأطفال ديناميكيًا ولا ترغب في الحصول على تحذيرات key رد الفعل ، فوفر key :
< EbayParentComponent >
{ items . map ( ( item , index ) => < EbayChildComponent key = { index } > { item } </ EbayChildComponent > ) }
</ EbayParentComponent >يمكن استخدام سمات HTML على أي مكون ، وسيتم نقلها إلى أبرز علامة للمكون. عادةً ما تكون العلامة الأبرز هي التحكم في الجذر أو النموذج ، لكن المكونات الفردية ستلاحظ ما إذا كانت تختلف في حالات محددة.
مثال على الاستخدام:
< EbayButton id = "my-button" />إنشاء مشكلة على جيثب
@ebay/ui-core-react
@ebay/ebayui-core-react (عفا عليها الزمن)
ebayui-core-react (عفا عليها الزمن)
