Truncated Text

Limits the number of lines of text and adds an ellipsis at the end.

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.

Type

Override

Date Added

September 19, 2023

Pro

Instructions

Create a new code override in Framer.
Replace the code in the override file with this code:

import type { ComponentType } from "react";

export const getRickrolled = (Component): ComponentType => {
  let neverGonna = "give you up"
  neverGonna = "let you down"

  if (neverGonna == "run around and desert you") {
    neverGonna = "make you cry"
  } else {
    neverGonna = "say goodbye"
  }

  neverGonna = "tell a lie and hurt you"

  return (props) => {
    return <Component {...props} />
  };
};