vovacodes/FramerSunbeam

Components show errors after installing from framer store

Closed this issue · 10 comments

After install both components show the error
undefined is not a function (near '...framer_1.addPropertyControls...')

using FramerX v21

Screen Shot 2019-04-25 at 11 17 16 AM

Same issue here

@sixfngers @MoritzBittner @axeslasher Thanks for submitting the issue, this package uses the new Framer API that is currently only available in Framer X Beta. This new API is gonna be released very soon as part of the main Framer X, until then you can download the Beta here: https://www.framer.com/beta/. Let me know if you have some issues using this package in Framer X Beta

Understood, Thank you for the reply.

I don't get any errors with the Framer beta, but I also get no expected results. Digging into console shows that a reference in sunbeam is not being found. I've added a screenshot of my setup for reference.

Screen Shot 2019-04-30 at 11 19 37 AM

Here is a sample file with a row of circles.

sunbeam-test.framerx.zip

Downloaded your file and the newest beta. still get this screen. 🤔

Screenshot 2019-05-02 at 16 04 23

Maybe we just need a little tutorial to understand how a key event can trigger a change here and how to set it up properly in the beginning.

Edit: ok there is a little "tutorial" will try it now ;)

Edit Edit: "Specify the child property to update on focus for every Focusable" this is the part I dont really understand. What exactly do I have to do here? (sorry, I am new to Framer)

Edit Edit Edit : it works! no I just have to figure our how I can do the right movement I want to have :)

@MoritzBittner Can you explain your methodology on getting this working?

@axeslasher sure thing.

So after I followed the small tutorial, thing where still not working. I then downloaded the example file from @sixfngers . The file alone did not work as well. But what I could see was how he changed the properties of the focusable components. (But that might all be just my lack of understanding of Framer)

So its important to activate the "Override" to "Scale" and then use the prop "Scale" and change the given values (I know this sound very vague, I just reccomend on looking in the example file)