Client side of Autocomplete text input for Nette forms

Installation

Via npm:

$ npm install @nepada/autocomplete-input --save

Usage

This package provides corejs-typeahead based client side for nepada/autocomplete-input.

Using precompiled JS bundle

Using precompiled bundles is the quick'n'dirty way of getting client side validation to work.

<script src="https://unpkg.com/jquery@%5E3.5.0/dist/jquery.min.js"></script>
<script src="https://unpkg.com/corejs-typeahead@%5E1.3.1/dist/typeahead.bundle.min.js"></script>
<script src="https://unpkg.com/nette-forms@%5E3.0.3/src/assets/netteForms.min.js"></script>
<script src="https://unpkg.com/nette-forms@%5E1.0.0/dist/js/autocomplete-input.min.js"></script>

Building your own JS bundle

It is highly recommended to install the client side package via nmp and compile your own bundle.

Here is an example script for initialization of phone number input and Nette forms.

import Nette from 'nette-forms';
import initializeAutocompleteInput from '@nepada/autocomplete-input';

initializeAutocompleteInput(Nette);
Nette.initOnLoad();

Bootstrap 5 support

• Include _bootstrap5.scss partial into your SCSS styles.
• Use customized typeahead factory during JS initialization:

import Nette from 'nette-forms';
import {default as initializeAutocomplete, bootstrap5TypeaheadFactory} from '@nepada/autocomplete-input';

initializeAutocomplete(Nette, bootstrap5TypeaheadFactory);
Nette.initOnLoad();

Bootstrap 4 support

• Include _bootstrap4.scss partial into your SCSS styles.