This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Lisa Sy
Posted Jul 12 - Read on Facebook

Hey there! Has anyone here yet dynamically created a togglable set of tags using Framer Studio yet? I'm trying to create tags with a default/selected state by running a for loop through a data object.

Wondering if anyone has done this already because I'm getting a bit stuck!

7 Comments

Arun Venkatesan

Hi Lisa! Do you mean a list of tags that can be clicked to toggle on and off?

Trevor Phillippi

Hey Lisa looks like you got help but I made a quick example http://share.framerjs.com/75bnglmauv5q/

Arun Venkatesan

Trevor, yours looks much better! Any reason you didn't use states?

Trevor Phillippi

Got annoyed at animating font color so I made another example that makes a tag class that resizes itself based on text, and CSS to transition everything: http://share.framerjs.com/7cot3xvkvw7v/

Fran Pérez

I've simplified Trevor's example a bit :)

http://share.framerjs.com/irg27z5a13df/

Jordan Robert Dobson

Here's a simplified version using states instead of the style property: http://jrdn.io/1J2P423o1p21

Lisa Sy

This is so amazing. thank you everyone!

Read the entire post on Facebook