Framer Code Override
Truncated Text
Limit text to a certain number of lines and hide the rest with an ellipsis.
Get over 60 components and code overrides for building websites with Framer!
No subscription - pay once, use forever.
Type
Code Override
Free
No
Last Updated
May 17, 2024
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.