How to create a Toggle Switch in Framer

preview_player
Показать описание
________________

In this super quick beginner tutorial, I'll explain how to create a toggle switch component and a more advanced Dark/Light mode toggle.

Enjoy!

— DIGITAL ASSETS

— ALL MY SOCIALS

— COLLABORATIONS:

— WHO I AM:
Hey, I am Carlo, Product Designer working in the Digital Design World since 2009.
I am a UX/UI Expert, Accessibility advocate, and SaaS Ninja Designer, helping businesses of any size to turn their ideas into a working and pleasant product that people actually will use and love.
In this channel, I share tips and tricks about Product Design, and I do tutorial videos on Figma, Framer, Webflow, and more!

---

TIMESTAMPS:
00:00 Intro
01:09 Designing the toggle
02:13 Creation of the component
Рекомендации по теме
Комментарии
Автор

Hey, great vid thx! qq how do you connect the toggle component to the action of actually being able to change to dark mode in a website?

cala_mar
Автор

Nice, great content. Thanks for sharing!

I have a question, now, how do we make it work? I mean, how do we make it actually switching between light and dark modes in our site?

JaumeGGomez
Автор

How to add graphics? I'm super new

nealfinn
Автор

good video but how to use it now? have to mess with the code?

stigma__