Skip to content

Commit

Permalink
Fix select docs
Browse files Browse the repository at this point in the history
  • Loading branch information
DanielleHuisman committed Oct 11, 2024
1 parent e4b740e commit 106251e
Showing 1 changed file with 11 additions and 11 deletions.
22 changes: 11 additions & 11 deletions book/src/primitives/components/select.md
Original file line number Diff line number Diff line change
Expand Up @@ -87,11 +87,11 @@ fn Anatomy() -> Html {
</SelectGroup>
<SelectSeparator />
</Select.Viewport>
</SelectViewport>
<SelectScrollDownButton />
<SelectArrow />
</SelectContent>
</Select.Portal>
</SelectPortal>
</Select>
}
}
Expand All @@ -116,13 +116,13 @@ See the W3C [Select-Only Combobox](https://www.w3.org/WAI/ARIA/apg/patterns/comb

### Keyboard Interactions

| Key | Description |
| ----------- | ------------------------------------------------------------------------------------------------------------------------------------- |
| `Space` | When focus is on `SelectTrigger`, opens the select and focuses the selected item. When focus is on an item, selects the focused item. |
| `Enter` | When focus is on `SelectTrigger`, opens the select and focuses the first item. When focus is on an item, selects the focused item. |
| `ArrowDown` | When focus is on `SelectTrigger`, opens the select. When focus is on an item, moves focus to the next item. |
| `ArrowUp` | When focus is on `SelectTrigger`, opens the select. When focus is on an item, moves focus to the previous item. |
| `Esc` | Closes the select and moves focus to `Select.Trigger`. |
| Key | Description |
| ----------- | ------------------------------------------------------------------------------------------------------------------------------------------ |
| `Space` | When focus is on `SelectTrigger`, opens the select and focuses the selected item.<br />When focus is on an item, selects the focused item. |
| `Enter` | When focus is on `SelectTrigger`, opens the select and focuses the first item.<br />When focus is on an item, selects the focused item. |
| `ArrowDown` | When focus is on `SelectTrigger`, opens the select.<br />When focus is on an item, moves focus to the next item. |
| `ArrowUp` | When focus is on `SelectTrigger`, opens the select.<br />When focus is on an item, moves focus to the previous item. |
| `Esc` | Closes the select and moves focus to `Select.Trigger`. |

### Labelling

Expand Down Expand Up @@ -153,7 +153,7 @@ fn Labelling() -> Html {
<SelectPortal>
<SelectContent>...</SelectContent>
</Select.Portal>
</SelectPortal>
</Select>
</>
}
Expand All @@ -169,4 +169,4 @@ TODO

## See Also

- [Radix documentation](https://www.radix-ui.com/primitives/docs/components/switch)
- [Radix documentation](https://www.radix-ui.com/primitives/docs/components/select)

0 comments on commit 106251e

Please sign in to comment.