menu
up-caret
down-caret

Framer

Create interactive designs from start to finish. Try Framer for free.

# General

General chat

Trending conversations
What is the Popular Framework recently?
@whitedragon · 3h
FramerX and GitHub
@roogud · 2d
Component size defined by content
@dustinlocke · 14h
Link to a specific screen using hash
@slashdesigner · 37d
Copy and Paste...please give me a clue
@charlie-williams · 2d

Simple show/hide drawers

October 4, 2018 at 8:49pm

total framer noob & not a coder. is there a way to create simple show/hide interactions in the prototype without making new screens for each state?


October 9, 2018 at 7:05am

Hi! You need 3 things:

1. A place to store the open/closed state

2. A function that listens to the click on the trigger

3. A function that toggles visibility

That sounds complicated, but it's really not :) You only need 10 lines of code. Here's an example: https://drive.google.com/file/d/1Xc0JhXQhuuVAYT6TyTAfbbQJuFD2Ehj7/view?usp=sharing

  • reply
  • like