> ## Documentation Index
> Fetch the complete documentation index at: https://docs.cdp.coinbase.com/llms.txt
> Use this file to discover all available pages before exploring further.

# zIndexComponents

```ts theme={null}
const zIndexComponents: {
  select: {
     list: {
        value: "{zIndex.popup}";
     };
  };
  modal: {
     overlay: {
        value: "{zIndex.scrim}";
     };
     dialog: {
        value: "{zIndex.floating}";
     };
  };
};
```

Component z-index tokens.

## Type declaration

| Name                       | Type                                                                                               | Default value         |
| -------------------------- | -------------------------------------------------------------------------------------------------- | --------------------- |
| <a id="select" /> `select` | \{ `list`: \{ `value`: `"{zIndex.popup}"`; }; }                                                    | -                     |
| `select.list`              | \{ `value`: `"{zIndex.popup}"`; }                                                                  | -                     |
| `select.list.value`        | `"{zIndex.popup}"`                                                                                 | `"{zIndex.popup}"`    |
| <a id="modal" /> `modal`   | \{ `overlay`: \{ `value`: `"{zIndex.scrim}"`; }; `dialog`: \{ `value`: `"{zIndex.floating}"`; }; } | -                     |
| `modal.overlay`            | \{ `value`: `"{zIndex.scrim}"`; }                                                                  | -                     |
| `modal.overlay.value`      | `"{zIndex.scrim}"`                                                                                 | `"{zIndex.scrim}"`    |
| `modal.dialog`             | \{ `value`: `"{zIndex.floating}"`; }                                                               | -                     |
| `modal.dialog.value`       | `"{zIndex.floating}"`                                                                              | `"{zIndex.floating}"` |
