react wired elements
`0.1.6` release
العناصر السلكية كمكونات رد فعل.
يتضمن العرض التجريبي القصيرة أمثلة تفاعلية بالإضافة إلى وثائق مفصلة لدعائم كل مكون واستخدامها.
العناصر السلكية هي مكتبة رائعة حقًا توفر مكونات الويب مع مظهر سلكي باستخدام SVGs. تلتف هذه المكتبة كل عنصر من العناصر السلكية في مكون React وتكشف السمات والأساليب وخيارات التصميم المتاحة كدعائم (بأفضل ما يمكن).
الخطوة 1. تثبيت هذه المكتبة باستخدام yarn أو npm .
yarn add react-wired-elements
الخطوة 2. قم بتضمين ملف Icons CSS في رأس ملف HTML الرئيسي.
< head >
< link
href =" https://fonts.googleapis.com/css?family=Material+Icons&display=block "
rel =" stylesheet "
/>
</ head > import React from 'react' ;
import { WiredCard , WiredButton } from 'react-wired-elements' ;
const App = ( ) => {
return (
< WiredCard fill = "#F5F5F5" elevation = { 3 } >
< WiredButton onClick = { handleSubmit } > Submit </ WiredButton >
</ WiredCard >
) ;
} ;الخروج عن توضيح القصص القصيرة للأمثلة التفاعلية وتعريفات الدعامة التفصيلية وتعليمات الاستخدام.
هنا هي القائمة الكاملة للمكونات. انقر فوق أي مكون لتوجيهه إلى مثال قصصه.
هناك بعض الاختلافات في التسمية والوظائف بين العناصر السلكية وهذه المكتبة. هذا يرجع ، جزئياً ، إلى الاختلافات في كيفية عمل مكونات الرد والويب بالإضافة إلى محاولة لمتابعة اتفاقيات/أنماط التسمية الشائعة في رد الفعل. نظرًا لأن هذه مكونات ويب ، فإنها ترسل الأحداث الأصلية بدلاً من رد فعل الأحداث الاصطناعية.
maxRows على مكون WiredTextArea لا يعملfirstDate و lastDate لا يعملان على WiredCalendar
