Here's the clear-cut way to build a component in Framer
Briefly

Creating components like a header involves designing elements like a logo and menu items, which may require separate components like menu item and logo components.
Framer allows creating custom components instead of using pre-built ones. Customization includes text styles, colors, and padding using the design panel.
Interactive states like Default, Hover, and Active can be created for components like menu items in Framer. Variants help define states like active or disabled.
Component variables are essential in Framer to facilitate text changes or other modifications in component instances. Variables like 'Content' can enable dynamic text updates.
Read at Medium
[
]
[
|
]