Skip to content

Commit 343a5c3

Browse files
committed
Merge branch 'pagelayout-hidden-prop' of github.com:primer/react into pagelayout-hidden-prop
2 parents a6b1711 + 43fc344 commit 343a5c3

File tree

1 file changed

+10
-0
lines changed

1 file changed

+10
-0
lines changed

.changeset/empty-garlics-clean.md

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
---
2+
"@primer/react": minor
3+
---
4+
5+
Add a responsive `hidden` prop to `PageLayout.Header`, `PageLayout.Pane`, `PageLayout.Content`, and `PageLayout.Footer` that allows you to hide layout regions based on the viewport width. Example usage:
6+
7+
```jsx
8+
// Hide pane on narrow viewports
9+
<PageLayout.Pane hidden={{narrow: true}}>...</PageLayout.Pane>
10+
```

0 commit comments

Comments
 (0)