adaptable-text
Advanced tools
Comparing version 3.0.0 to 3.0.1
@@ -5,2 +5,6 @@ # Changelog | ||
## [3.0.1](https://github.com/dmnsgn/adaptable-text/compare/v3.0.0...v3.0.1) (2021-04-11) | ||
# 3.0.0 (2021-04-10) | ||
@@ -7,0 +11,0 @@ |
{ | ||
"name": "adaptable-text", | ||
"version": "3.0.0", | ||
"version": "3.0.1", | ||
"description": "Adapt font size to a specified width.", | ||
@@ -5,0 +5,0 @@ "keywords": [ |
@@ -19,4 +19,2 @@ # adaptable-text | ||
![](https://raw.githubusercontent.com/dmnsgn/adaptable-text/main/screenshot.gif) | ||
## Installation | ||
@@ -31,4 +29,24 @@ | ||
```js | ||
import adaptableText from "adaptable-text"; | ||
console.log(adaptableText); | ||
import AdaptableText from "adaptable-text"; | ||
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(); | ||
}); | ||
``` | ||
@@ -35,0 +53,0 @@ |
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
13262
132
0