Framestack /

Framer Code Overrides

Keyboard Shortcut

Add keyboard shortcuts to your site in Framer. Links, buttons, components, search, overlays - you name it. Keyboard shortcuts can trigger any action on your website.

Instructions

  1. Create a new code override in Framer.

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

Pro

Get Pro to Remix

Remix Framer Project

Error: Unable to Copy

Get Pro to Copy Code

Copied!

Copy Code

  1. Add the code override to a layer to use it.