대화 상자

1. Dialog

• Meterial Design
  • https://m3.material.io/components/dialogs/overview
  • 다이얼로그 하위에서 Basic과 Full-screen 타입을 나눈다.
• MUI
  • https://mui.com/material-ui/react-dialog/

2. Alert

• Apple
  • https://developer.apple.com/design/human-interface-guidelines/components/presentation/alerts

3. Modal

• Bootstrap
  • https://getbootstrap.com/docs/5.2/components/modal/

하단 보조 영역

1. Bottom Sheet

• Meterial Design
  • https://m3.material.io/components/bottom-sheets/overview\

2. Sheet

• Apple
  • https://developer.apple.com/design/human-interface-guidelines/components/presentation/sheets

3. Drawer

• MUI (SwipeableDrawer)
  • https://mui.com/material-ui/react-drawer/

짧은 메세지

1. Snack bar

• Meterial Design
  • https://m3.material.io/components/snackbar/overview