vue3-text-clamp
v0.1.2TypeScript
Vue3 component which allows you to ellipsis your multiline text.
0/weekUpdated 2 years agoMITUnpacked: 13.6 KB
Published by Sherwin Shen
npm install vue3-text-clamp
Vue3 Text-Clamp
Vue3 component which allows you to ellipsis your multiline text, see more š homepage.
Features
- Clamps text with max lines and/or max height. No need to specify line height.
- Place elllipsis at the end/middle/start of the clamped text and customize elllipsis string.
- Automatically updates upon layout change.
- The clamped text can be expanded/collapsed.
- Customizable and responsive content before/after clamped text.
Install and Usage
``shell`
$ npm install --save vue3-text-clamp
ā Full import
`typescript
import { createApp } from 'vue';
import TextClamp from 'vue3-text-clamp';
import App from './App.vue';
createApp(App).use(TextClamp).mount('#app');
`
ā Manually import
`vue
``
Links
License
MIT License (MIT). Please see License File for more information.