Background
The experience pages need a quiz button section component that opens a modal with an embedded quiz iframe. The button has a distinctive animated gradient style (orange/amber/red mesh gradient) with a "QUIZ" badge and arrow icon.
Expected outcome
A fully functional quiz-button component:
- CMS schema (
quiz-button) with buttonText and iframeSrc attributes
- Web component rendering the gradient button and opening a dialog with the iframe
- Seed data placing the button as the last block in the first section
- Fragment and renderer wiring
Acceptance criteria
Possible solution(s)
- Create CMS schema, web component (QuizButton + QuizModal), fragment, and seed data following existing section patterns
References
- Existing section component patterns in
apps/cms/src/components/sections/
- Reference design from previous project
Background
The experience pages need a quiz button section component that opens a modal with an embedded quiz iframe. The button has a distinctive animated gradient style (orange/amber/red mesh gradient) with a "QUIZ" badge and arrow icon.
Expected outcome
A fully functional quiz-button component:
quiz-button) withbuttonTextandiframeSrcattributesAcceptance criteria
quiz-button.jsonexists withbuttonText(string, required) andiframeSrc(string, required)iframeSrcfrom CMSComponentSectionsQuizButtonPossible solution(s)
References
apps/cms/src/components/sections/