react bootstrap typeahead Download - react bootstrap typeahead download do código-fonte

react bootstrap typeahead

Outro código-fonte

v6.3.2

Baixar

Reagir Bootstrap Typeahead

Um typeahead baseado em React que depende do Bootstrap para estilização e foi originalmente inspirado no typeahead.js do Twitter. Ele suporta seleção única e múltipla e é compatível com as práticas de autoria WAI-ARIA. Experimente os exemplos ao vivo.

Observe que a documentação e os exemplos se aplicam à versão mais recente e podem não ser mais aplicáveis se você estiver usando uma versão desatualizada.

Instalação

 npm install --save react-bootstrap-typeahead

ou

 yarn add react-bootstrap-typeahead

Inclua o módulo em seu projeto:

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

Compilação UMD

As compilações de desenvolvimento e produção estão incluídas no pacote NPM. Alternativamente, você pode obtê-los no CDNJS ou no unpkg.

Documentação

Uso Básico
Dados
Filtragem
Renderização
Métodos Públicos
API e acessórios
Guia de atualização

CSS

Embora o componente dependa principalmente do Bootstrap, é necessário algum estilo adicional. Você deve incluir o arquivo CSS fornecido em seu projeto:

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

ou

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

Inicialização 5

Em um esforço para oferecer suporte ao Bootstrap 5, este pacote também contém um arquivo CSS chamado Typeahead.bs5.css que deve ser incluído junto com o arquivo CSS base acima.

Exemplos

Experimente os exemplos dinâmicos, que também incluem exemplos de código. Se desejar modificar os exemplos, clone o repositório e execute npm install e npm start para construir o arquivo de exemplo. Você pode então abrir o arquivo HTML localmente em seu navegador.

Você também pode experimentar os seguintes exemplos de sandbox:

Janelas com grandes conjuntos de dados
Paginação assíncrona
Caixa de combinação
Validação e feedback
Carregador personalizado e botão limpar
Seleção múltipla com tokens de arrastar e soltar reordenáveis
Mantenha o menu aberto durante a seleção múltipla
Seleção única com rótulo flutuante (BS5)

Se você tiver um exemplo de caso de uso que possa ser útil para outras pessoas, crie um sandbox e envie uma solicitação pull para adicioná-lo à lista!