Build a Checkbox

Code

8 Lessons

37m

To follow along with this lesson, enable code in Framer on the web.

Introduction

In this tutorial, we’ll be creating a Checkbox. We’ll learn about using Design Components inside of our Code Component, how to respond to interactions within the component, and how to respond to those events from elsewhere in our project, too.


Built with Framer Base

Framer Base Kit is a set of components designed to get you started designing and prototyping with Framer X. It is built as a standalone React design system with additional support for Framer X features: Share Colors, Overrides and Property Controls.