@ppci/source-finder

    1.4.26 • Public • Published

    Source Finder

    Table of contents

    1. Installation
    2. Usage
    3. Styling
    4. Properties

    Installation

    NPM

    npm i @ppci/source-finder
     
    // Polyfill: https://lit-element.polymer-project.org/guide/use#polyfills
    npm i --save-dev @webcomponents/webcomponentsjs

    Usage

    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

    Keywords

    Install

    npm i @ppci/source-finder

    DownloadsWeekly Downloads

    89

    Version

    1.4.26

    License

    ISC

    Unpacked Size

    2.5 MB

    Total Files

    26

    Last publish

    Collaborators

    • borai
    • franksevenhuysen
    • fsevenhuysen
    • gaalman
    • nazim.mohammed