Framer Code Override

Balanced Text

Creates a visually balanced appearance by breaking lines so that each line is a similar width, preventing cases where one or two words are hanging on the last line and breaking the visual flow of the page.

This text is visually balanced across multiple lines.

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} />
  };
};