反应分块文本
此组件允许您分割您的文本, 并用自定义元素来包裹每行、 单词或字母 . 线条和词条按照布局的相合性正确划分. 组件不会改变这个行为,它只是分析文本,将每行,单词和字母包裹在一个自定义元素中. 此 lib 在尝试用文本制作文本动画或特效时有用.
特征
- 零依赖 1.3 KB 精度和克齐克
- 用自定义元素来包裹您的字母、 单词或行
- 尊重并保持您的布局完整性
- 在调整大小时读取
- 支持动态文本
使用量
从“ docz” 导入{ playground, props}; 从"././src/index.ts"中导入{ SplitText, LineWrapper, WordWrapper, LetterWrapper};
要使用此库,只需将您的文本与 SplitText 组件.
文本将自动被包裹, 默认为 span ,并将根据大小调整.
你可以检查贝柳结果,看看每行、每字和每封信是如何被包裹的 span。 。 。 .
<SplitText>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat
</SplitText>