Re-usable UI Components for and from Joinbox

Use

• All components are custom elements.
• Make sure to use the appropriate polyfill for old browsers. If not noted otherwise, only the custom element polyfill is needed.
• Embed the JavaScript file that ends with Element; it defines the custom element on window.
• If you are using Babel, install regenerator-runtime and import it before the elements via import 'regenerator-runtime/runtime.js';

Components

• YouTube Player
• Overlay and Buttons
• Audio Player
• Table of Contents
• Slider
• FormSync

Tools

• Split Text
• Dynamic Page Loader – use barba.js instead!
• once, import as import { once } from '@joinbox/ui-components'
• slide, import as import { slide } from '@joinbox/ui-components'
• createDebounce, import as import { createDebounce } from '@joinbox/ui-components'

Tests

npm i && npm test