Package Exports
- @ppci/source-finder
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@ppci/source-finder) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
Source Finder
Table of contents
Installation
NPM
npm i @ppci/source-finder
// Polyfill: https://lit-element.polymer-project.org/guide/use#polyfills
npm i --save-dev @webcomponents/webcomponentsjsUsage
Javascript
import '@ppci/source-finder'Browser
<!-- Default -->
<script type="module" src="https://cdn.jsdelivr.net/npm/@ppci/source-finder/builds/index.min.js" />
<!-- Legacy -->
<script type="module" src="https://cdn.jsdelivr.net/npm/@ppci/source-finder/builds/legacy.min.js" />
<!-- Component -->
<source-finder
searchPlaceHolder=${String}
></source-finder>Styling
source-finder {
/* 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
| Property | Type | Description | Possible Values |
| searchPlaceHolder | String | Searchbox placeholder text |