6.2.0 • Public • Published

    Smart Listbox Element Tweet

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


    Live Demo ↗ | Documentation ↗ | Installation ↗

    <smart-listbox> is a listbox Custom HTML Element that make it easy to select and switch between different list items, part of the Smart HTML Elements.

     <smart-list-box class='material'>
         <smart-list-item selected value="1">Item 1</smart-list-item>
         <smart-list-item value="2">Item 2</smart-list-item>
         <smart-list-item value="3">Item 3</smart-list-item>

    Screenshot of smart-list-box, using the Material theme

    Getting Started

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

    Getting Started Documentation | CSS Documentation | API Documentation

    The file structure for Smart HTML Elements

    • source-minified/

      Javascript files.

    • source-minified/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-button/smart-button-overview.htm

    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


    Apache License 2.0


    npm i @smarthtmlelements/smart-listbox

    DownloadsWeekly Downloads





    SEE LICENSE IN https://www.htmlelements.com/license/

    Unpacked Size

    482 kB

    Total Files


    Last publish


    • bmarkov
    • smartcustomelements