Our elevation system is used to visually differentiate the hierarchy in the interface.
Overview
Usage
- Level 1: Use for elements that sit directly on the surface, like
Card - Level 2: Use for
Toast,Popover, or other supplemental actions - Level 3: Use for large elements like a
DialogorDrawerthat temporarily block or draw a user’s focus.