Edit Components
Update component variables
In Framer, components are wrapped in purple frames.
When you select a component, check the right panel for variable fields.
If you see them, you can update the content directly there without opening the component.
If you don’t see the variable fields to update the component, it is likely a nested component (a parent containing child components).
In this case:
Double click to enter the component.
Select child component inside.
Check the right panel again and update any available variable fields.
Edit the component
To edit the style or layout of a master component, always start with the Primary variant.
Changes made to the Primary will apply to other variants automatically, unless they have overridden values.
Advanced Customization
Complete guide to components
Source: Framer Academy
