Загрузка react bootstrap typeahead react bootstrap typeahead - Загрузка исходного кода

react bootstrap typeahead

Другой исходный код

v6.3.2

Скачать

React Bootstrap: ввод текста вперед

Опережающий ввод на основе React, который использует Bootstrap для стилизации и изначально был вдохновлен typeahead.js из Twitter. Он поддерживает как одиночный, так и множественный выбор и соответствует практикам разработки 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

УМД Сборка

Сборки для разработки и производства включены в пакет NPM. Альтернативно вы можете получить их из CDNJS или unpkg.

Документация

Основное использование
Данные
Фильтрация
Рендеринг
Публичные методы
API и реквизит
Руководство по обновлению

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-файл локально в своем браузере.

Вы также можете попробовать следующие примеры песочницы: