react bootstrap typeahead
v6.3.2
Un tipo de escritura anticipado basado en React que se basa en Bootstrap para el estilo y se inspiró originalmente en typeahead.js de Twitter. Admite selección única y múltiple y cumple con las prácticas de creación de WAI-ARIA. Pruebe los ejemplos en vivo.
Tenga en cuenta que la documentación y los ejemplos se aplican a la versión más reciente y es posible que ya no sean aplicables si está utilizando una versión desactualizada.
npm install --save react-bootstrap-typeahead
o
yarn add react-bootstrap-typeahead
Incluye el módulo en tu proyecto:
import { Typeahead } from 'react-bootstrap-typeahead' ; // ES2015
var Typeahead = require ( 'react-bootstrap-typeahead' ) . Typeahead ; // CommonJS Las compilaciones de desarrollo y producción están incluidas en el paquete NPM. Alternativamente, puede obtenerlos de CDNJS o unpkg.
Si bien el componente se basa principalmente en Bootstrap, se necesita algo de estilo adicional. Debe incluir el archivo CSS proporcionado en su proyecto:
// Import as a module in your JS
import 'react-bootstrap-typeahead/css/Typeahead.css' ;o
< link
rel =" stylesheet "
href =" https://unpkg.com/react-bootstrap-typeahead/css/Typeahead.css "
/> En un esfuerzo por admitir Bootstrap 5, este paquete también contiene un archivo CSS llamado Typeahead.bs5.css que debe incluirse junto con el archivo CSS base anterior.
Pruebe los ejemplos en vivo, que también incluyen ejemplos de código. Si desea modificar los ejemplos, clone el repositorio y ejecute npm install y npm start para compilar el archivo de ejemplo. Luego puede abrir el archivo HTML localmente en su navegador.
También puedes probar los siguientes ejemplos de sandbox:
Si tiene un caso de uso de ejemplo que sería útil para otros, cree una zona de pruebas y envíe una solicitud de extracción para agregarlo a la lista.
Se admiten versiones recientes de los siguientes navegadores:
Un agradecimiento especial a BrowserStack por brindar soporte para pruebas en varios navegadores.
MIT
