LBD Components

lbd-spinbutton

A Web Component for creating accessible spinbuttons

WAI-ARIA Authoring Practices

Examples

General usage example:

<script type="module" src="lbd-spinbutton.js"></script>

<lbd-spinbutton>
  <select>
    <option value="1">January</option>
    <option value="2">February</option>
    <option value="3">March</option>
    <option value="4">April</option>
    <option value="5">May</option>
    <option value="6">June</option>
    <option value="7">July</option>
    <option value="8">August</option>
    <option value="9">September</option>
    <option value="10">October</option>
    <option value="11">November</option>
    <option value="12">December</option>
  </select>
</lbd-spinbutton>

Features

This Web Component allows you to:

Installation

You have a few options (choose one of these):

  1. Install via npm: npm install @lunchbreakdev/lbd-spinbutton
  2. Download the source manually from GitHub into your project.
  3. Skip this step and use the script directly via a 3rd party CDN (not recommended for production use)

Demo

Changelog

Edit this page