@touchspin/renderer-bootstrap3

Bootstrap 3 renderer for TouchSpin. Ships compiled CSS alongside the ESM build.

Install

npm install @touchspin/renderer-bootstrap3 bootstrap@^3.4 jquery @touchspin/core

Usage (ESM)

import { TouchSpin } from '@touchspin/core';
import Bootstrap3Renderer from '@touchspin/renderer-bootstrap3';
import '@touchspin/renderer-bootstrap3/css';

TouchSpin(document.querySelector('#quantity'), {
  renderer: Bootstrap3Renderer,
  min: 0,
  max: 100,
  step: 1,
  buttonup_class: 'btn btn-default',
  buttondown_class: 'btn btn-default'
});

CDN (ESM)

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@touchspin/renderer-bootstrap3@5/dist/touchspin-bootstrap3.css">
<script type="module">
  import { TouchSpin } from 'https://cdn.jsdelivr.net/npm/@touchspin/core@5/dist/index.js';
  import Bootstrap3Renderer from 'https://cdn.jsdelivr.net/npm/@touchspin/renderer-bootstrap3@5/dist/index.js';

  TouchSpin(document.querySelector('#quantity'), {
    renderer: Bootstrap3Renderer,
    min: 0,
    max: 100,
    step: 1,
  });
</script>

Exports & Files

• ESM entry: @touchspin/renderer-bootstrap3
• CSS shortcut: @touchspin/renderer-bootstrap3/css
• Manifest: @touchspin/renderer-bootstrap3/package.json

Metadata

• Peer dependencies: bootstrap@>=3.4.0 <4, optional jquery@>=1.9.0
• Engines: Node 18.17+
• npm tarballs include CSS and LICENSE