From the course: Learning Framer X

Unlock the full course today

Join today to access over 22,400 courses taught by industry experts or purchase this course individually.

In-depth look into the component

In-depth look into the component - FramerJS Tutorial

From the course: Learning Framer X

Start my 1-month free trial

In-depth look into the component

- [Instructor] So now let's explore what we're seeing here in the code. So I'm gonna go from top to bottom and explain what you were seeing in the React code so you understand what you're reading and you can actually unpack the component on Framer. So the first thing you have at the top are the imports. So these are the external libraries that you need to import in order for everything else to work, and these are packages that Framer has created to allow us to do some of the things that we're doing here as well as the React library here. Then the next block of code here is basically CSS, so these are React CSS properties that we've put that you're seeing directly inside of the component here. So if you make any changes here, you're gonna see them replicated directly into the component. So let's go back here and make some changes. So what I'm gonna do first is make the color white for the text, so I'm gonna change this guy here, and then the background, actually, I'm gonna make this…

Contents