Props and Variants

This section is not yet finished and changes may be seen soon

The selector module’s anatomy can be comprised of 4 parts:

1. Parent context submodule, which allows styling in a specific context of a parent component, which can be toggled on and off. Will only appear for text, divs and assets, and only if they have a parent component. coming soon

2. States and props that are necessary for certain elements to be functional. Some elements support a subset of these for example: interactive state, disabled selector, checked/unchecked and more.

3. Style properties that create variants of a component. For example: size or hierarchy for buttons

4. Add / edit properties, add dynamic slots (coming soon) add visibility properties (coming soon)

top of the DDP holds props, variants and more

The selector module is very important as it sets the context for all the other DDP changes of the rest of the modules below it.