https://github.com/marcantondahmen/automad-bootstrap-autocomplete

This Automad package is a wrapper for the bootstrap-4-autocomplete npm package and makes it easy to create Bootstrap 4 autocomplete dropdowns for search fields in Automad templates
https://github.com/marcantondahmen/automad-bootstrap-autocomplete

autocomplete automad bootstrap composer

Last synced: about 1 month ago
JSON representation

This Automad package is a wrapper for the bootstrap-4-autocomplete npm package and makes it easy to create Bootstrap 4 autocomplete dropdowns for search fields in Automad templates

• Host: GitHub
• URL: https://github.com/marcantondahmen/automad-bootstrap-autocomplete
• Owner: marcantondahmen
• License: mit
• Created: 2020-01-05T15:59:30.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2021-05-24T12:09:01.000Z (over 3 years ago)
• Last Synced: 2024-09-18T16:43:47.421Z (3 months ago)
• Topics: autocomplete, automad, bootstrap, composer
• Language: TypeScript
• Homepage: https://packages.automad.org/automad/bootstrap-autocomplete
• Size: 10.7 KB
• Stars: 1
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# Automad Bootstrap Autocomplete Extension

This Automad package is a wrapper for the [bootstrap-4-autocomplete](https://github.com/Honatas/bootstrap-4-autocomplete) npm package and makes it easy to create Bootstrap 4 autocomplete dropdowns for search fields in [Automad](https://automad.org) templates.

## Usage 

To get a basic dropdown with the default settings, simply use the package as follows:

	<@ Automad/Bootstrap/Autocomplete @>

The default settings can be changed as well.

	<@ Automad/Bootstrap/Autocomplete {

	    inputSelector: '#search',

	    highlightClass: 'text-primary'

	} @>

## Options

Find below a complete list of available options.

| Parameter       | Default   |

|-----------------|-----------|

| `inputSelector` | "#search" |

| `treshold` | 3 |

| `highlightClass` | "text-primary" |

| `maximumItems` | 10 |