Shortcuts

0123456789
0123456789

Super simple keyboard shortcuts.

Shortcuts

Super simple keyboard shortcuts.

*this demo uses variants to illustrate the effect.

Head to the desktop site to copy.

Press S to search…

Updated:

Nov 8, 2023

Type:

Code

Notes

  • Uses react-hotkeys-hook

  • Ensure you're variant names match the

  • If you set two different colours for your icon states Framer won't be able to animate smoothly between them. One handy workaround is to set your hover colour and then use opacity on your default state. This has its limitations but can help make things feel smoother.

Resources:

FAQs

How do I add code overrides?

Contact

Found a bug? Have an idea? Reach out.

Copy email

Idea

Bug

Copy email