In Figma, Components are elements that can be reused throughout the project, where changing the component also changes its instances. We apply this principle to Parabeac to generate Widgets that are defined once and can be instantiated throughout the code.
Take, for instance, the following Component:
Parabeac will create a generated file as follows:
The following are the elements that make up a Component file:
Take the following Figma screenshot:
Parabeac will generate a reference to Food Card in the CheckoutScreen as follows:
