react bootstrap typeahead Unduh - react bootstrap typeahead Unduh kode sumber

react bootstrap typeahead

Kode sumber lainnya

v6.3.2

Unduh

Bereaksi Bootstrap Typeahead

Typeahead berbasis React yang mengandalkan Bootstrap untuk penataan gaya dan awalnya terinspirasi oleh typeahead.js Twitter. Ini mendukung seleksi tunggal dan ganda dan mematuhi praktik penulisan WAI-ARIA. Cobalah contoh langsung.

Harap perhatikan bahwa dokumentasi dan contoh berlaku untuk rilis terbaru dan mungkin tidak berlaku lagi jika Anda menggunakan versi yang sudah ketinggalan zaman.

Instalasi

 npm install --save react-bootstrap-typeahead

atau

 yarn add react-bootstrap-typeahead

Sertakan modul dalam proyek Anda:

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

Pembangunan UMD

Pembangunan pengembangan dan produksi termasuk dalam paket NPM. Alternatifnya, Anda bisa mendapatkannya dari CDNJS atau unpkg.

Dokumentasi

Penggunaan Dasar
Data
Penyaringan
Render
Metode Publik
API & Alat Peraga
Panduan Peningkatan

CSS

Meskipun komponen ini terutama bergantung pada Bootstrap, diperlukan beberapa gaya tambahan. Anda harus menyertakan file CSS yang disediakan dalam proyek Anda:

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

atau

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

Tali sepatu 5

Dalam upaya mendukung Bootstrap 5, paket ini juga berisi file CSS bernama Typeahead.bs5.css yang harus disertakan bersama file CSS dasar di atas.

Contoh

Coba contoh langsung, yang juga menyertakan contoh kode. Jika Anda ingin mengubah contoh, kloning repositori dan jalankan npm install dan npm start untuk membuat file contoh. Anda kemudian dapat membuka file HTML secara lokal di browser Anda.

Anda juga dapat mencoba contoh kotak pasir berikut:

Windowing dengan kumpulan data yang besar
Penomoran halaman asinkron
kotak kombo
Validasi dan umpan balik
Pemuat khusus & tombol hapus
Multi-pilih dengan token seret & lepas yang dapat disusun ulang
Biarkan menu tetap terbuka selama multi-pilihan
Pilihan tunggal dengan label mengambang (BS5)

Jika Anda memiliki contoh kasus penggunaan yang berguna bagi orang lain, silakan buat kotak pasir dan kirimkan permintaan tarik untuk menambahkannya ke daftar!