Background
Need a Section wrapper component that controls background color and blur hash for a region and takes items as children, so editors can define distinct sections with consistent styling and optional placeholder imagery.
Expected outcome
- A Section component exists with attributes: background color (or theme), blur hash (for image placeholder), and repeatable/dynamic children (items).
Acceptance criteria
Possible solution(s)
- Add
components/sections/section.json with backgroundColor, blurHash (string), items (component, repeatable).
- Optional:
backgroundImage relation plus blurHash for placeholder while loading.
References
Background
Need a Section wrapper component that controls background color and blur hash for a region and takes items as children, so editors can define distinct sections with consistent styling and optional placeholder imagery.
Expected outcome
Acceptance criteria
itemsorchildrenas repeatable components.Possible solution(s)
components/sections/section.jsonwithbackgroundColor,blurHash(string),items(component, repeatable).backgroundImagerelation plusblurHashfor placeholder while loading.References
apps/cms/src/components/sections/apps/cms/schema.graphqlParent: epic(cms): Experience schema for Easter-style watch page #175 Epic A (CMS)
Related (web implementation): feat(web): add Section component (background, blur hash, children) #155