1
1
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:
simurai 2019-07-22 11:37:52 +09:00 committed by GitHub
parent 58426953a9
commit 08ecac1db7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -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.