Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.

Reference

Non-modal Dialog 비모달 대화상자

A window that permits interaction with the background while it remains open.

Specifying modal, overlay, and panel interfaces and interactions.

Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.

Reference

Alert Dialog 경고 대화상자

A dialog used for an important message or decision.

Specifying modal, overlay, and panel interfaces and interactions.

Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.

Reference

Confirmation Dialog 확인 대화상자

A window that confirms intent before an action such as deletion or submission.

Specifying modal, overlay, and panel interfaces and interactions.

Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.

Reference

Bottom Sheet 바텀시트

A panel for options, information, or actions that appears from the bottom of the screen.

Specifying modal, overlay, and panel interfaces and interactions.

Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.

Reference

Modal Bottom Sheet 모달 바텀시트

A bottom sheet that blocks interaction with background content.

Specifying modal, overlay, and panel interfaces and interactions.

Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.

Reference

Persistent Bottom Sheet 지속형 바텀시트

A bottom panel that remains available alongside the background content.

Specifying modal, overlay, and panel interfaces and interactions.

Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.

Reference

Drawer 드로어

A navigation or content panel that opens from the side of the screen.

Specifying modal, overlay, and panel interfaces and interactions.

Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.

Reference

Side Sheet 사이드 시트

A details or editing panel displayed beside the current screen.

Specifying modal, overlay, and panel interfaces and interactions.

Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.

Reference

Popover 팝오버

A small panel containing information, inputs, or actions near a related element.

Specifying modal, overlay, and panel interfaces and interactions.

Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.

Reference

Tooltip 툴팁

A short explanation that appears on hover, keyboard focus, or a similar trigger.

Specifying modal, overlay, and panel interfaces and interactions.

Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.

Reference

Toggletip 토글팁

A small help panel explicitly opened or closed by an action such as clicking.

Specifying modal, overlay, and panel interfaces and interactions.

Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.

Reference

Context Menu 컨텍스트 메뉴

A menu of actions for the current item, opened by right-clicking or long-pressing.

Specifying modal, overlay, and panel interfaces and interactions.

Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.

Reference

Dropdown Menu 드롭다운 메뉴

A list of commands that expands from a selected button.

Specifying modal, overlay, and panel interfaces and interactions.

Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.

Reference

Action Sheet 액션 시트

A mobile sheet grouping related commands.

Specifying modal, overlay, and panel interfaces and interactions.

Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.

Reference

Lightbox 라이트박스

An enlarged image, video, or other media displayed above the page background.

Specifying modal, overlay, and panel interfaces and interactions.

Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.

Reference

Scrim / Backdrop 스크림·백드롭

A translucent layer that dims the background behind a dialog.

Specifying modal, overlay, and panel interfaces and interactions.

Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.

Reference

Overlay 오버레이

A general term for a temporary interface layer placed over the original screen.

Specifying modal, overlay, and panel interfaces and interactions.

Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.

Reference

Command Palette 명령 팔레트

A panel for finding and executing application commands through search.

Specifying modal, overlay, and panel interfaces and interactions.

Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.

Reference