# Truncate text in elements

**URL:** <https://forums.realmacsoftware.com/t/truncate-text-in-elements/54973>\
**Category:** Elements\
**Created:** [March 9, 2026, 12:51am UTC](https://forums.realmacsoftware.com/t/truncate-text-in-elements/54973 "2026-03-09T00:51:02Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![llangpierce](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/llangpierce/32/34332_2.png) [@llangpierce](https://forums.realmacsoftware.com/u/llangpierce)\
**Post date:** [March 9, 2026, 12:51am UTC](https://forums.realmacsoftware.com/t/truncate-text-in-elements/54973/1 "2026-03-09T00:51:02Z")

</div>

What is the best way to have text truncate with a read more link?

I use to use trunky and now I’m lost

thanks,

Linda

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [March 9, 2026, 10:19am UTC](https://forums.realmacsoftware.com/t/truncate-text-in-elements/54973/2 "2026-03-09T10:19:32Z")

</div>

There’s not a built-in component to hide/show more content, however I spent a little time and built this simple “Expander” Component for you. Video and project below:

👉 [Open Project in Elements](elementsapp://downloadDocument/1Mr2XO1KTtnR)

This would be easy to customise further if you need changes 🙂

---

<div class="post-metadata">

**Author:** ![llangpierce](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/llangpierce/32/34332_2.png) [@llangpierce](https://forums.realmacsoftware.com/u/llangpierce)\
**Post date:** [March 9, 2026, 4:24pm UTC](https://forums.realmacsoftware.com/t/truncate-text-in-elements/54973/3 "2026-03-09T16:24:22Z")

</div>

Dan,

YOU ARE THE BEST!

thank you,

Linda

---

<div class="post-metadata">

**Author:** ![llangpierce](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/llangpierce/32/34332_2.png) [@llangpierce](https://forums.realmacsoftware.com/u/llangpierce)\
**Post date:** [March 9, 2026, 4:36pm UTC](https://forums.realmacsoftware.com/t/truncate-text-in-elements/54973/4 "2026-03-09T16:36:24Z")

</div>

Silly question how do I move this into my existing project?

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [March 10, 2026, 9:54pm UTC](https://forums.realmacsoftware.com/t/truncate-text-in-elements/54973/5 "2026-03-10T21:54:12Z")

</div>

Ah, you can copy and paste it, here’s how…