Skip to content

Commit

Permalink
[docs] Consistent arrow style (#397)
Browse files Browse the repository at this point in the history
  • Loading branch information
oliviertassinari authored May 10, 2024
1 parent 1980ee7 commit ca1c6c9
Showing 1 changed file with 8 additions and 8 deletions.
16 changes: 8 additions & 8 deletions docs/data/base/components/tabs/tabs.md
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/tabs/

## Installation

Base UI components are all available as a single package.
Base UI components are all available as a single package.

<codeblock storageKey="package-manager">

Expand Down Expand Up @@ -164,16 +164,16 @@ Alternatively, you can set `activateOnFocus={false}` on `<Tabs.List>` so tabs ar

## Accessibility

Base UI Tabs follow the [Tabs WAI-ARIA design pattern](https://www.w3.org/WAI/ARIA/apg/patterns/tabs/).
Base UI Tabs follow the [Tabs WAI-ARIA design pattern](https://www.w3.org/WAI/ARIA/apg/patterns/tabs/).

### Keyboard navigation

| Key | Function |
| :--------------------------------------------------------- | :-------------------------------------------------------------------------------------------------------------- |
| <kbd class="key">Left arrow</kbd> | Moves focus to the previous tab (when `orientation="horizontal"`) and activates it if `activateOnFocus` is set. |
| <kbd class="key">Right arrow</kbd> | Moves focus to the next tab (when `orientation="horizontal"`) and activates it if `activateOnFocus` is set. |
| <kbd class="key">Up arrow</kbd> | Moves focus to the previous tab (when `orientation="vertical"`) and activates it if `activateOnFocus` is set. |
| <kbd class="key">Down arrow</kbd> | Moves focus to the next tab (when `orientation="vertical"`) and activates it if `activateOnFocus` is set. |
| Keys | Descriptions |
| ---------------------------------------------------------: | :-------------------------------------------------------------------------------------------------------------- |
| <kbd class="key">Left Arrow</kbd> | Moves focus to the previous tab (when `orientation="horizontal"`) and activates it if `activateOnFocus` is set. |
| <kbd class="key">Right Arrow</kbd> | Moves focus to the next tab (when `orientation="horizontal"`) and activates it if `activateOnFocus` is set. |
| <kbd class="key">Up Arrow</kbd> | Moves focus to the previous tab (when `orientation="vertical"`) and activates it if `activateOnFocus` is set. |
| <kbd class="key">Down Arrow</kbd> | Moves focus to the next tab (when `orientation="vertical"`) and activates it if `activateOnFocus` is set. |
| <kbd class="key">Space</kbd>, <kbd class="key">Enter</kbd> | Activates the focused tab. |

### Labeling
Expand Down

0 comments on commit ca1c6c9

Please sign in to comment.