makeup-js

A suite of vanilla JavaScript modules for building accessible user interfaces.

All modules support import (i.e. ES Modules) and require (i.e. CommonJS) syntax. When using require on a default export, be sure to include .default. For example, const Switch = require('makeup-switch').default;.

Core Modules

The following modules assist with common accessibility logic (e.g. maintaining a roving tabindex).

UI Modules

The following modules create the model and behaviour for "headless" user interface components (i.e. they come with no styles or branding out of the box). They are fully compatible with Skin CSS.

We are currently in the process of converting all eBay MIND Patterns "example quality" code to "reference level" vanilla JavaScript.

makeup-alert-dialog
makeup-combobox
makeup-confirm-dialog
makeup-dialog (abstract class)
makeup-dialog-button
makeup-drawer-dialog (non-responsive)
makeup-floating-label
makeup-fullscreen-dialog (non-responsive)
makeup-input-dialog
makeup-lightbox-dialog
makeup-listbox
makeup-listbox-button
makeup-menu
makeup-menu-button
makeup-panel-dialog
makeup-snackbar-dialog
makeup-switch
makeup-toast-dialog