Split page layout

Split page layout is used to provide structure for a split layout.

On this page

On this page

Guidelines for this component are in progressInterested in contributing? Review the guidelines for writing component documentation and open a pull request in our documentation repository.
If you need a more flexible layout component, consider using PageLayout instead.


This component provides structure for a split layout, including independent scrolling for the pane and content regions. This is useful for responsive list and detail patterns when an item in the pane updates the page content on selection.


Known accessibility issues (GitHub staff only)

View open accessibility issues related to this component