mirror of
https://github.com/primer/css.git
synced 2025-01-06 22:36:48 +03:00
Update pages/css/components/navigation.md
Co-Authored-By: Shawn Allen <shawn.allen@github.com>
This commit is contained in:
parent
58426953a9
commit
08ecac1db7
@ -169,7 +169,7 @@ Use `.UnderlineNav--full` in combination with container styles and `.UnderlineNa
|
||||
|
||||
## Side Nav
|
||||
|
||||
The Side Nav is a vertical list of navigational links, typically used on the left side of a page. **Width and placement must be set by you.** For example by using our grid columns or by applying an inline `width`.
|
||||
The Side Nav is a vertical list of navigational links, typically used on the left side of a page. For maximum flexibility, **Side Nav elements have no default width or positioning**. We suggest using [column grid](../../objects/grid) classes or an inline `width` style for sizing, and [flexbox utilities](../../utilities/flexbox) for positioning alongside content.
|
||||
|
||||
- You can use a **light gray background** and a **border** if the parent element doesn't have it already.
|
||||
- To add a "selected" state use `aria-current="page"`. If it should act more like a "tab menu" with button elements, use `aria-selected="true"` instead.
|
||||
|
Loading…
Reference in New Issue
Block a user