generic-listbox

A listbox widget presents a list of options and allows a user to select one or more of them.

API:

name	detail
selected-changed	number

name	type
selected	number
label	string

name	type
selected	number
value	string

name	description
default	Provide an unordered list element with list item children as lightdom

Usage:

The listbox requires a ul with li children, as well as a label attribute.

Default:

Show code

<generic-listbox label="list of items">
      <ul>
        <li>item 1</li>
        <li>item 2</li>
        <li>item 3</li>
        <li>item 4</li>
        <li>item 5</li>
        <li>item 6</li>
        <li>item 7</li>
        <li>item 8</li>
        <li>item 9</li>
        <li>item 10</li>
        <li>item 11</li>
        <li>item 12</li>
        <li>item 13</li>
        <li>item 14</li>
        <li>item 15</li>
        <li>item 16</li>
        <li>item 17</li>
      </ul>
    </generic-listbox>

Selected:

Show code

<generic-listbox label="list of items" selected="8">
    <ul>
      <li>item 1</li>
      <li>item 2</li>
      <li>item 3</li>
      <li>item 4</li>
      <li>item 5</li>
      <li>item 6</li>
      <li>item 7</li>
      <li>item 8</li>
      <li>item 9</li>
      <li>item 10</li>
      <li>item 11</li>
      <li>item 12</li>
      <li>item 13</li>
      <li>item 14</li>
      <li>item 15</li>
      <li>item 16</li>
      <li>item 17</li>
    </ul>
  </generic-listbox>