Create New Item
Item Type
File
Folder
Item Name
Search file in folder and subfolders...
Are you sure want to rename?
File Manager
/
resources
/
scripts
/
components
/
icons
/
dashboard
:
BaseText-20250318180327.vue
Advanced Search
Upload
New Item
Settings
Back
Back Up
Advanced Editor
Save
<template> <div class="whitespace-normal"> <BaseCustomTag :tag="tag" :title="text" class="line-clamp-1"> {{ displayText }} </BaseCustomTag> </div> </template> <script setup> import { computed } from "vue" const props = defineProps({ tag: { type: String, default: 'div', }, text: { type: String, default: '', }, length: { type: Number, default: null, } }) const { text, length } = props; const displayText = computed(() => { if (length) { return text.length <= length ? text : `${text.substring(0, length)}...`; } return text; }); </script>