Package Exports

vue3-text-clamp
vue3-text-clamp/lib/text-clamp.esm.js
vue3-text-clamp/lib/text-clamp.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (vue3-text-clamp) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

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

$ npm install --save vue3-text-clamp

↓ Full import

import { createApp } from 'vue';
import TextClamp from 'vue3-text-clamp';
import App from './App.vue';

createApp(App).use(TextClamp).mount('#app');

↓ Manually import

<template>
  <text-clamp text='hello world' :max-lines='2' />
</template>

<script lang='ts' setup>
import TextClamp from 'vue3-text-clamp';
</script>

License

MIT License (MIT). Please see License File for more information.

vue3-text-clamp