Authoring for change background interactive component

[bandana147]

The proposed way of authoring the change background interactive component is attached below where we will use alternate rows for key and content as we do in the Accordion block
Using key and content in alternate rows for a few reasons

• The keys are different for each component (not all component has background/foreground)
• The background image options here is customizable by the author ( The button label and number of background types rows)
• If the background images consist of multiple options having them in a separate row will give more space for the content

Storybook link - https://git.corp.adobe.com/pages/DIWI/quick-starts/main/storybook/
Here is the Jira ticket
Sample doc

@auniverseaway @chrischrischris @salonijain3 @amitbikram
Could you please provide your input and confirm if we can go forward with this approach?

[rgclayton]

Aren't all of these images, except for the first row (foreground), background images that swap out independently? From what I'm seeing the terms "background", "scene", and "pattern" are just groupings of similar background styles. Is there any benefit to that?

Could you just put all of those images under "background" to simplify things?

That would simplify authoring and development to two rows instead of four. "Foreground" and "background".

[bandana147]

The "background" here refers to a default overlay image that will exist initially and the images under "pattern" and "scene" are background image options that will appear after the user clicks on the specific category. These rows will be customizable by authors. They can have more background categories. Eg: Beach, Sky, mountains, etc

@rgclayton

[bandana147]

Conclusion - The block will be authored as mentioned above.