1.0.1 • Published 1 year ago
Split in lines
Use cases
It is very useful to create text animations.
Installation
npm install lines-split
Usage
import SplitInLines from 'lines-split'
const paragraph = document.querySelector('p')
new SplitInLines(paragraph)
Instance settings
| Option | Type | Default | Description |
|---|
target | HTMLElement | undefined | Text element to split |
Instance props
| Property | Type | Description |
|---|
element | HTMLElement | Splited element |
isVisible | boolean | Whether or not slideUp() animation is completed. Set to true when animation is completed. |
params | object | Instance parameters : width: numberwords: string[]lines: NodeListOf<HTMLSpanElement>` |
Instance methods
| Option | Description |
|---|
slideUp() | Basic text animation |
resize() | Recreate each line in relation to element's width |