Skip to main content Design tokens Components Style utilities
Skip to table of contents

    Z‐index

    z-index values are used to logically arrange and stack overlapping components along the Z‐axis, ensuring a clear visual hierarchy by defining which elements appear in front of or behind others.

    Design tokenDefault value
    --pc-z-index-drawer700
    --pc-z-index-dialog800
    --pc-z-index-dropdown900
    --pc-z-index-toast950
    --pc-z-index-tooltip1000