adaptable-text

adaptable-text

Adapt font size to a specified width.

Install

$ npm install --save adaptable-text

Usage

const textToAdapt = new AdaptableText(document.querySelector(".textToAdapt"), {
  step: 0.1,
  minFontSize: 10,
  width: null
});
textToAdapt.init();

// Adapt
const adapt = () => {
  textToAdapt.setWidth();
  textToAdapt.adapt();
};

// Listen for a resize event
window.addEventListener("resize", adapt);

// Kick off
requestIdleCallback(() => {
  adapt();
});

Key	Description
step	The step used by the generator to calculate the width of the element
minFontSize	A minimum font size for the element (max would be the size defined in a stylesheet retrieved by window.getComputedStyle(this.element))
width	A maximum widht for the container.

Scripts

Dev

npm run dev

Test

npm run test

Build

npm run build

License

MIT © Damien Seguin