@codecademy/gamut
73.5.073.5.1-alpha.e787e5.0
agent-tools/skills/gamut-select-dropdown/SKILL.md~
agent-tools/skills/gamut-select-dropdown/SKILL.mdModified+10−10
Index: package/agent-tools/skills/gamut-select-dropdown/SKILL.md
===================================================================
--- package/agent-tools/skills/gamut-select-dropdown/SKILL.md
+++ package/agent-tools/skills/gamut-select-dropdown/SKILL.md
@@ -8,9 +8,9 @@
Styled dropdown built on react-select.
Source: `@codecademy/gamut` — [SelectDropdown.tsx](https://github.com/Codecademy/gamut/blob/main/packages/gamut/src/Form/SelectDropdown/SelectDropdown.tsx)
-See also: [`gamut-forms`](../gamut-forms/SKILL.md) — FormGroup wiring, error regions, and validation UX.
+See also: [`gamut-forms`](../gamut-forms/SKILL.md) — FormGroup wiring, error regions, and validation UX. [`gamut-z-index`](../gamut-z-index/SKILL.md) — the `zIndex` prop's `ZIndexType` scale.
Storybook: [Atoms / FormInputs / SelectDropdown](https://gamut.codecademy.com/?path=/docs-atoms-forminputs-selectdropdown--docs)
---
@@ -165,17 +165,17 @@
---
## Styling & layout props
-| Prop | Type | Default | Notes |
-| ------------------- | ------------------------ | -------- | --------------------------------------------------------- |
-| `size` | `'small' \| 'medium'` | `medium` | Control height/density |
-| `shownOptionsLimit` | `1`–`6` | `6` | Visible options before the menu scrolls |
-| `inputWidth` | `string \| number` | — | Width of the input independent of the menu |
-| `dropdownWidth` | `string \| number` | — | Width of the menu independent of the input |
-| `menuAlignment` | `'left' \| 'right'` | `left` | Menu edge alignment |
-| `zIndex` | `number` | `2` | Menu z-index (control container defaults to `3`) |
-| `inputProps` | `{ hidden?, combobox? }` | — | `data-*` / `aria-*` only, forwarded to the input elements |
+| Prop | Type | Default | Notes |
+| ------------------- | ------------------------ | ----------- | ------------------------------------------------------------------------ |
+| `size` | `'small' \| 'medium'` | `medium` | Control height/density |
+| `shownOptionsLimit` | `1`–`6` | `6` | Visible options before the menu scrolls |
+| `inputWidth` | `string \| number` | — | Width of the input independent of the menu |
+| `dropdownWidth` | `string \| number` | — | Width of the menu independent of the input |
+| `menuAlignment` | `'left' \| 'right'` | `left` | Menu edge alignment |
+| `zIndex` | `ZIndexType` | `'popover'` | Menu z-index (the control's own border layer defaults to the same token) |
+| `inputProps` | `{ hidden?, combobox? }` | — | `data-*` / `aria-*` only, forwarded to the input elements |
---
## Examples