{"componentChunkName":"component---content-split-page-layout-mdx","path":"/SplitPageLayout","result":{"pageContext":{"editUrl":"https://github.com/primer/react/edit/main/docs/content/SplitPageLayout.mdx","contributors":[{"login":"broccolinisoup","latestCommit":{"date":"2022-09-05T10:30:00Z","url":"https://github.com/primer/react/commit/3ec0c9dbe4b56273cb36ca2fb363cd952da8e6a2"}},{"login":"colebemis","latestCommit":{"date":"2022-08-18T00:25:29Z","url":"https://github.com/primer/react/commit/041d6d0ee478456fdb6ff691b1704bfc01d891bc"}}],"tableOfContents":{"items":[{"url":"#examples","title":"Examples"},{"url":"#props","title":"Props"},{"url":"#status","title":"Status"}]},"frontmatter":{"title":"SplitPageLayout","componentId":"split_page_layout","status":"Draft","description":"Provides structure for a split page layout, including independent scrolling for the pane and content regions. Useful for responsive list/detail patterns, when an item in the pane updates the page content on selection.","source":"https://github.com/primer/react/tree/main/src/SplitPageLayout","storybook":"https://primer.style/react/storybook?path=/story/layout-splitpagelayout--default"}}},"staticQueryHashes":["1067287797","2468112454","2884143864","3309604493"]}