framer
/framer151
hello hello,
I want to know if there’s a way to change the variant of a component from code based on certain conditions.
To give more context, I’m trying to build a "Connect Wallet" button that will be used to show gated content if the user holds a specific token/NFT in a certain quantity.
I have finished the logic to check for the token, but I just need a way to make it a token-gated component. I’d love to know other ways to achieve this as well.
Here’s the link to the code for the component: https://gist.github.com/deeksharungta/46ef4ca12427769d5ab74c250a81c2c5
I want to know if there’s a way to change the variant of a component from code based on certain conditions.
To give more context, I’m trying to build a "Connect Wallet" button that will be used to show gated content if the user holds a specific token/NFT in a certain quantity.
I have finished the logic to check for the token, but I just need a way to make it a token-gated component. I’d love to know other ways to achieve this as well.
Here’s the link to the code for the component: https://gist.github.com/deeksharungta/46ef4ca12427769d5ab74c250a81c2c5
If there was a Connect Wallet button (and checks) on /framer, what would you use it for? 👀
cc @pratzyy.eth
cc @pratzyy.eth
When should you use absolute positioning?
Huge forms update for Framer
+ A super informative landing page here with tutorial videos
+ A super informative landing page here with tutorial videos
TIL "wiggling" a component (ie. moving it around a little) regenerate the code and could solve minor / temporary issues
sharing here bc you can embed straight into Framer apparently
Doc with instructions for ChatGPT to write custom framer components
https://docs.google.com/document/u/1/d/e/2PACX-1vQiRs_ckT6uyqiutFGKol42ZE0HUlzJVNIi05MWJfqHjH9PWTOe7OkjUmjyh0_9p2xlpgO7I701-59g/pub
https://docs.google.com/document/u/1/d/e/2PACX-1vQiRs_ckT6uyqiutFGKol42ZE0HUlzJVNIi05MWJfqHjH9PWTOe7OkjUmjyh0_9p2xlpgO7I701-59g/pub
Amazing recent addition from framer https://www.framer.com/updates/custom-cursors