=== Background goal
The Dialog component should be updated to allow for some header and footer customization by the user:
**Abstract Wikipedia**
| {F35848062} | {F35887875} |
| Header subtitle | Footer text |
**Other use cases in production**
| {F36456769} |
| 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”
{F36456779}
==== Design spec
| [[ https://www.figma.com/file/8FOPeZwE4NKQsHnl2cRu29/Dialog---T284838?node-id=114%3A331&t=8CHpXBC9ECACznFZ-11 | Component spec sheet ]] |
==== 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 [[ https://www.figma.com/file/KoDuJMadWBXtsOtzGS4134/%E2%9D%96-Codex-components?node-id=5005-52685&t=tRXieuQ4BigGFu3Y-11 | Figma library ]] and publish it to be reusable
[] Implement Codex demo Dialog component with `subtitle` and `footer` properties
[] Update the [[ https://design.wikimedia.org/style-guide/components/dialogs.html | 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`