Background goal
The Dialog component should be updated to allow for some header and footer customization by the user:
Abstract Wikipedia
Header subtitle | Footer text |
Other use cases in production
Footer text above the buttons |
In other use cases, a checkbox is placed near the next or main button to check permanent actions like “Don’t show this again” or “Remember me”
Design spec
Acceptance Criteria
- Create a new Figma spec version for Dialog component with header subtitle and footer text and add it in this task
- Update Dialog in the Figma library and publish it to be reusable
- Implement Codex demo Dialog component with subtitle and footer properties
-
Update the DSG page with the new paddings and use cases
Design Review
- footerText should use text size 14px
- There should be 6px padding between Title and Subtitle
- Padding between title, body and footer should be 32px
- Subtitle text should be 16/22
- Footer text should be 14/22