Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

@smarthtmlelements/smart-input

HTMLElements1https://htmlelements.com/license/6.2.0

Input Web Component

input, element, bootstrap, inputs, input, bootstrap input, input web component, datainput web component, input component, datagrid bootstrap, bootstrap typeahead, typeahead, auto complete, auto suggest input, input custom element, html carousel, material web components, input, material input, custom elements, inputs

readme

Smart Input ElementTweet

  Price npm GitHub package version License: APACHE Published on webcomponents.org

<smart-input>

Live Demos ↗ | Documentation ↗ | Installation ↗

<smart-input> is a Custom HTML Element providing an alternative of the standard Input Auto Complete, part of the Smart HTML Elements.

<smart-input data-source="[South America, North America, Asia, Africa, Europe]"></smart-input>

Screenshot of smart-input, using the Material theme

Getting Started

Smart HTML Elements components documentation includes getting started, customization and api documentation topics.

Getting Started Documentation |

The file structure for Smart HTML Elements

  • source/

    Javascript files.

  • source/styles/

    Component CSS Files.

  • demos/

    Demo files

Running demos in browser

  1. Fork the Smart-HTML-Elements-Core repository and clone it locally.

  2. Make sure you have npm installed.

  3. When in the Smart-HTML-Elements-Core directory, run npm install and then bower install to install dependencies.

  4. Run a localhost or upload the demo on a web server. Then run:

    • /demos/smart-input/overview/

Following the coding style

We are using ESLint for linting JavaScript code.

Creating a pull request

  • Make sure your code is compliant with ESLint
  • Submit a pull request with detailed title and description
  • Wait for response from one of our team members

License

Apache License 2.0