Z-Index
レイヤー要素のスタッキング順序値
Z-indexトークンは、モーダル、ドロップダウン、ツールチップなどのコンポーネントに一貫したレイヤー順序を提供します。
スケール
Layer Hierarchy
dropdown
modal
popover
tooltip
| Token | Value | Description |
|---|---|---|
zIndex.hide | -1 | 非表示要素 |
zIndex.base | 0 | 基本レイヤー |
zIndex.docked | 10 | ドッキング要素 |
zIndex.dropdown | 1000 | ドロップダウン |
zIndex.sticky | 1100 | スティッキー要素 |
zIndex.banner | 1200 | バナー |
zIndex.overlay | 1300 | オーバーレイ |
zIndex.modal | 1400 | モーダル |
zIndex.popover | 1500 | ポップオーバー |
zIndex.skipNav | 1600 | スキップナビゲーション |
zIndex.toast | 1700 | トースト |
zIndex.tooltip | 1800 | ツールチップ |
zIndex.max | 2147483647 | 最大値 |