MSDR Design System

Overlays

Dialog, Sheet, Drawer, Popover, Dropdown, Tooltip, HoverCard, Context Menu e Command. É aqui que a elevação é legítima: estes elementos realmente flutuam sobre o conteúdo.

Modal e SheetPanel (MSDR)

ModalComposição pronta sobre o Dialog: header, corpo rolável e footer com ação primária + cancelar em formato de link. Para casos fora do padrão, use o Dialog direto.
SheetPanelO par do Modal para tarefas mais longas. Header e footer ficam fixos e só o corpo rola, para o botão de salvar não sumir no fim de um formulário comprido.

Dialog e AlertDialog

AlertDialog é para decisões destrutivas: exige escolha explícita e não fecha ao clicar fora.

Sheet e Drawer

Sheet entra pela lateral; Drawer sobe pela base e é mais adequado no mobile.

Menus

Clique com o botão direito

Popover, Tooltip e HoverCard

Tooltip só complementa; nunca carrega informação essencial, porque não existe hover no toque.

Command

Overlays gerenciam o próprio empilhamento — não adicione z-index manual. Dialog, Sheet e Drawer exigem título (use className="sr-only" se ele não deve aparecer), porque é o que dá nome à janela para leitores de tela.