Framer Code Override

Truncated Text

Limit text to a certain number of lines and hide the rest with an ellipsis.

Over 50 powerful Framer components and overrides to upgrade your design workflow. Just copy and paste to add effects and interactions to your sites without writing any code.

Over 50 powerful Framer components and overrides to upgrade your design workflow. Just copy and paste to add effects and interactions to your sites without writing any code.

Over 50 powerful Framer components and overrides to upgrade your design workflow. Just copy and paste to add effects and interactions to your sites without writing any code.

It's free! Get instant access to this component and 15+ more when you join Framestack.

Type

Code Override

Free

Yes

Last Updated

May 17, 2024

Instructions

Instructions

In your Framer project, navigate to the Assets tab and create a new code file. Replace the example code with the code override, then add it to a layer in the "Code Override" section of the properties panel.

Add the override to a text layer, then rename the layer like this: "Lines: #" with # being the number of lines to limit the text to.