https://github.com/huogui/vue-next-ellipsis

A vue3 based component
https://github.com/huogui/vue-next-ellipsis

component ellipsis-text vue vue-component

Last synced: 3 months ago
JSON representation

A vue3 based component

• Host: GitHub
• URL: https://github.com/huogui/vue-next-ellipsis
• Owner: huogui
• Created: 2022-11-15T13:06:30.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-11-23T07:56:34.000Z (over 2 years ago)
• Last Synced: 2025-01-21T12:13:11.572Z (4 months ago)
• Topics: component, ellipsis-text, vue, vue-component
• Language: Vue
• Homepage: https://huogui.github.io/vue-next-ellipsis/
• Size: 260 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md

Awesome Lists containing this project

README

        
# vue-next-ellipsis [![npm](https://img.shields.io/npm/v/vue-next-ellipsis.svg)](https://npmjs.com/package/vue-next-ellipsis)

## Install and basic usage

```bash

$ npm install vue-next-ellipsis

```

Register the component

```html

import { Ellipsis } from 'vue-next-ellipsis';

  


    

  


```

```ts

// main.ts

import { createApp } from 'vue'

import Ellipsis from 'vue-next-ellipsis'

import App from './App.vue'

const app = createApp(App)

app.use(Ellipsis)

app.mount('#app')

```

## Options

```ts

export const ellipsisProps = {

  content: {

    type: String,

    default: '',

  },

  rows: {

    type: Number,

    default: 3,

  },

  foldVisible: Boolean,

  foldText: {

    type: String,

    default: 'more>',

  },

  ellipsisText: {

    type: String,

    default: '...',

  },

}

```

## License

MIT