Skip to content

Commit 92fe9da

Browse files
authored
docs: Add stackingOrder prop to docs (#536)
## Description As the title states
1 parent 83754e0 commit 92fe9da

2 files changed

Lines changed: 39 additions & 2 deletions

File tree

packages/docs/docs/flex/props.mdx

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -917,6 +917,23 @@ Controls if the overflowing content should be clipped or visible. Applies only w
917917

918918
---
919919

920+
### stackingOrder
921+
922+
Strategy for setting zIndex of items. This determines which items appear on top when they overlap.
923+
924+
| type | default | required |
925+
| ----------------- | ------- | -------- |
926+
| `'asc' \| 'desc'` | `'asc'` | NO |
927+
928+
- `'asc'` - items with higher index have higher zIndex (default). This means items at the end of the list of items are rendered on top of items at the beginning.
929+
- `'desc'` - items with higher index have lower zIndex. This means items at the beginning of the list of items are rendered on top of items at the end.
930+
931+
:::info
932+
The currently dragged item is always rendered on top of all other items, regardless of this setting.
933+
:::
934+
935+
---
936+
920937
### debug
921938

922939
Enables debug mode, which shows additional views helpful for debugging. This property is intended for the library **developers** and is not recommended for the library **users**.

packages/docs/docs/grid/props.mdx

Lines changed: 22 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -797,9 +797,29 @@ You can also use any other haptics library but you will have to trigger haptics
797797

798798
Controls if the overflowing content should be clipped or visible. Applies only when no item is active.
799799

800-
| type | default | required |
800+
| type | default | required |
801+
| ----------------------- | ----------- | -------- |
802+
| `'hidden' \| 'visible'` | `'visible'` | NO |
803+
804+
---
805+
806+
### stackingOrder
807+
808+
Strategy for setting zIndex of items. This determines which items appear on top when they overlap.
809+
810+
| type | default | required |
811+
| ----------------- | ------- | -------- |
812+
| `'asc' \| 'desc'` | `'asc'` | NO |
813+
814+
- `'asc'` - items with higher index have higher zIndex (default). This means items at the end of the list of items are rendered on top of items at the beginning.
815+
- `'desc'` - items with higher index have lower zIndex. This means items at the beginning of the list of items are rendered on top of items at the end.
816+
817+
:::info
818+
The currently dragged item is always rendered on top of all other items, regardless of this setting.
819+
:::
820+
801821
| ----------------------- | ---------- | -------- |
802-
| `'hidden' \| 'visible'` | `'hidden'` | NO |
822+
| `'hidden' \| 'visible'` | `'hidden'` | NO |
803823

804824
---
805825

0 commit comments

Comments
 (0)