Standard Dialog box for web

[juliafalarini]

Platform Oppia Web

Describe the request

I'm currently working on the final mocks for the Practice Session experience project, and this project has Dialog boxes, but we don't have it on the Design Guide. So I've designed a dialog, but we should be consistent with this component across the platform. It's most likely that this project will be completed before we have a standard dialog for it, but I'm filing this issue so this can be updated later, if needed.

Additionally, I'm using the same standard dialog box that I've used for the Lesson Player + Onboarding project, so we should be consistent with that as well.

DESIGN APPROVAL CHECKLIST -- DO NOT EDIT.

• [ ] UX Design approved (Android mocks should include dark mode)
• [ ] UX Writing approved
• [ ] Design Systems Team approved
• [ ] Product approved

For a design project to be completed, it needs approval from UXD, UXW, DS and PM. Please tag the following reviewers when your project is ready (at least one reviewer for each of the 4 bullet points below):

• UXD: @rflore / @S4v8n (for Web projects)
• UXW: @stepmalt
• Design systems: @qluuu / @celestinetales
• PM: @seanlip

[seanlip]

Note: I am marking this as high-priority because we are looking into implementing these mocks for GSoC and they use the dialog component. (Under "Dialog for logged-in users" there is a note asking developers to clarify the correct component to use.)

/cc @qluuu @celestinetales

[stepmalt]

Hi @devinb3301 ! If you have any UXW-specific questions on this project, email me! Any questions about this project specifically, reach out to Queena - q.luu204@gmail.com