In this video, Emmanuel Henri demonstrates how to add more properties to the component and how it impacts the prototype.
- [Instructor] So let's continue working … on our Component and code. … So what we're going to do is click on Edit Code, … and then we're going to add new Props. … So if you're not familiar … with an interface or even typescript, … this is basically a way to define … what are going to be the values that this particular … entry will take. … So for example, for name, we're taking a string. … So you can do a Boolean, you can do a number, … and so on so forth. … So again, what we're going to do is create another one … and this one is going to be the text … and it's going to take a string as well. … And then in the defaultProps, let me just clean … that up a little bit so it looks good, … we're going to do the text again … and what will be the default te. … So let's go and grab something off our design. … So, if you remember here we added some details here, … so let's grab one of these, … and grab the details here, … so let's copy that. … And then I'm going to go back to my code … and Paste this here. …
- What is Framer X?
- Navigating the user interface
- Designing with Framer X
- Working with the layout and drawing tools
- Building interactions
- Creating simple and complex components
- Implementing overrides
- Exporting your prototype
Skill Level Intermediate
Prototyping AR User Experiences with Framerwith Emmanuel Henri51m 50s Intermediate
1. Framer X Overview
2. Design with Framer X
3. Build Interactions with Framer X
4. Create Simple Components
5. Create Complex Components
6. Advanced Features in Framer X
Next steps1m 21s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.