react bootstrap typeahead تنزيل - react bootstrap typeahead تنزيل كود المصدر

react bootstrap typeahead

شفرة المصدر الأخرى

v6.3.2

تنزيل

رد فعل Bootstrap Typeahead

كتابة رأسية تعتمد على React وتعتمد على Bootstrap للتصميم وهي مستوحاة في الأصل من typeahead.js الخاص بتويتر. وهو يدعم الاختيار الفردي والمتعدد ويتوافق مع ممارسات التأليف WAI-ARIA. جرب الأمثلة الحية.

يرجى ملاحظة أن الوثائق والأمثلة تنطبق على الإصدار الأحدث وقد لا تكون قابلة للتطبيق إذا كنت تستخدم إصدارًا قديمًا.

تثبيت

 npm install --save react-bootstrap-typeahead

أو

 yarn add react-bootstrap-typeahead

قم بتضمين الوحدة في مشروعك:

 import { Typeahead } from 'react-bootstrap-typeahead' ; // ES2015
var Typeahead = require ( 'react-bootstrap-typeahead' ) . Typeahead ; // CommonJS

بناء UMD

يتم تضمين تصميمات التطوير والإنتاج في حزمة NPM. وبدلاً من ذلك، يمكنك الحصول عليها من CDNJS أو unpkg.

التوثيق

الاستخدام الأساسي
بيانات
تصفية
التقديم
الأساليب العامة
واجهة برمجة التطبيقات والدعائم
دليل الترقية

CSS

على الرغم من أن المكون يعتمد بشكل أساسي على Bootstrap، إلا أن هناك حاجة إلى بعض التصميمات الإضافية. يجب عليك تضمين ملف CSS المقدم في مشروعك:

 // Import as a module in your JS
import 'react-bootstrap-typeahead/css/Typeahead.css' ;

أو

 
< link
  rel =" stylesheet "
  href =" https://unpkg.com/react-bootstrap-typeahead/css/Typeahead.css "
/>

التمهيد 5

في محاولة لدعم Bootstrap 5، تحتوي هذه الحزمة أيضًا على ملف CSS باسم Typeahead.bs5.css والذي يجب تضمينه بجانب ملف CSS الأساسي أعلاه.

أمثلة

جرب الأمثلة المباشرة، والتي تتضمن أيضًا نماذج التعليمات البرمجية. إذا كنت ترغب في تعديل الأمثلة، فانسخ المستودع وقم بتشغيل npm install ثم npm start في إنشاء ملف المثال. يمكنك بعد ذلك فتح ملف HTML محليًا في متصفحك.

يمكنك أيضًا تجربة أمثلة وضع الحماية التالية: