diff --git a/es-ds-components/components/es-view-more.vue b/es-ds-components/components/es-view-more.vue
new file mode 100644
index 000000000..2fcb1b488
--- /dev/null
+++ b/es-ds-components/components/es-view-more.vue
@@ -0,0 +1,63 @@
+
+
+
+
+
+
+
+ {{ buttonText }}
+
+
+
diff --git a/es-ds-components/package-lock.json b/es-ds-components/package-lock.json
index 5b880e86a..c053920f4 100644
--- a/es-ds-components/package-lock.json
+++ b/es-ds-components/package-lock.json
@@ -12,6 +12,7 @@
"@nuxtjs/google-fonts": "^3.2.0",
"@vuelidate/core": "^2.0.3",
"@vuelidate/validators": "^2.0.4",
+ "html-truncate": "^1.2.2",
"nuxt": "^3.13.0",
"nuxt-primevue": "^3.0.0",
"primevue": "^3.53.0",
@@ -6576,6 +6577,14 @@
"url": "https://github.com/sponsors/sindresorhus"
}
},
+ "node_modules/html-truncate": {
+ "version": "1.2.2",
+ "resolved": "https://registry.npmjs.org/html-truncate/-/html-truncate-1.2.2.tgz",
+ "integrity": "sha512-oiXb65RDxSYY8eXJKJiKHHpI7LyQbMG8LbSuvvWLLxAKNywJ7aaq0M1ynj2QJs0odQNggEEg/dTFVtH3lG0ClQ==",
+ "engines": {
+ "node": "*"
+ }
+ },
"node_modules/http-errors": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz",
diff --git a/es-ds-components/package.json b/es-ds-components/package.json
index 041a5add2..08e1a7f89 100644
--- a/es-ds-components/package.json
+++ b/es-ds-components/package.json
@@ -24,7 +24,8 @@
"primevue": "^3.53.0",
"nuxt-primevue": "^3.0.0",
"prismjs": "^1.29.0",
- "vue": "^3.4.34"
+ "vue": "^3.4.34",
+ "html-truncate": "^1.2.2"
},
"devDependencies": {
"@eslint/js": "^9.9.0",
diff --git a/es-ds-docs/components/ds-molecules-list.vue b/es-ds-docs/components/ds-molecules-list.vue
index 5a0a1de22..99c3b8874 100644
--- a/es-ds-docs/components/ds-molecules-list.vue
+++ b/es-ds-docs/components/ds-molecules-list.vue
@@ -63,5 +63,8 @@
Text input
+
+ View more
+
diff --git a/es-ds-docs/pages/molecules/support.vue b/es-ds-docs/pages/molecules/support.vue
index 14c3d0df9..0c7bbea68 100644
--- a/es-ds-docs/pages/molecules/support.vue
+++ b/es-ds-docs/pages/molecules/support.vue
@@ -59,8 +59,8 @@ const supportProps = [
+ doc-source="es-ds-docs/pages/molecules/support.vue" />
diff --git a/es-ds-docs/pages/molecules/view-more.vue b/es-ds-docs/pages/molecules/view-more.vue
new file mode 100644
index 000000000..11c42d147
--- /dev/null
+++ b/es-ds-docs/pages/molecules/view-more.vue
@@ -0,0 +1,85 @@
+
+
+
+
+
View more
+
+ Using
+
+ html-truncate.
+
+
+
+
+
+
EsViewMore props
+
+
+
+
+
+