1.5.8 • Published 4 years ago
@ppci/source-autocomplete v1.5.8
Source Search Autocomplete
Table of contents
Installation
NPM
npm i @ppci/source-autocomplete
// Polyfill: https://lit-element.polymer-project.org/guide/use#polyfills
npm i --save-dev @webcomponents/webcomponentsjs
Usage
Javascript
import '@ppci/source-autocomplete'
Browser
<!-- Default -->
<script type="module" src="https://cdn.jsdelivr.net/npm/@ppci/source-autocomplete/builds/index.min.js" />
<!-- Legacy -->
<script type="module" src="https://cdn.jsdelivr.net/npm/@ppci/source-autocomplete/builds/legacy.min.js" />
<!-- Component -->
<source-autocomplete
.suggestions=${Array}
@suggestion-click=${Function}
@search-change=${Function}>
</source-autocomplete>
Styling
source-autocomplete {
/* Searchbox */
--input-padding: 8px 16px;
--input-border: 1px solid #eeee;
--input-border-radius: 8px;
--input-color: gray;
--input-background: white;
--input-placeholder-color: gray;
--input-focus-border: 1px solid blue;
}
Properties
Events
1.5.8
4 years ago
1.5.7
4 years ago
1.5.6
4 years ago
1.5.5
4 years ago
1.5.4
4 years ago
1.5.3
5 years ago
1.5.2
5 years ago
1.5.0
5 years ago
1.4.11
5 years ago
1.4.10
5 years ago
1.4.9
5 years ago
1.4.8
5 years ago
1.4.6
5 years ago
1.4.5
5 years ago
1.4.4
5 years ago
1.4.3
5 years ago
1.4.2
5 years ago
1.4.1
5 years ago
1.4.0
5 years ago
1.2.4
5 years ago
1.2.3
5 years ago
1.2.1
5 years ago
1.2.0
5 years ago
1.1.0
5 years ago
1.0.2
5 years ago
1.0.1
5 years ago