Skip to main content

Page

  • Changelog
Deprecated

The Page component is deprecated and will be removed in a future release. Please use PageLayout instead.

The Page component provides the basic layout for your app with slots for a header, sidebar, main content, and a detail view. The Main slot is the only slot that is mandatory for rendering the Page; every other slot is optional.

Check out the UI and design guidelines for more information on how to structure your app using the page.

OverviewPropertiesUsageChangelog

Package @dynatrace/strato-components, latest version 3.15.1. Below are the changes to Page. See Components changelog for all changes to the package.

3.15.0 Released Oct 1, 2026​

Updates​

Layouts​

  • Fixed the resize separator being exposed as a zero-sized element under the visual refresh, which hid it from assistive technology. (APPDEV-19979)
  • Fixed the mobile drawer width of Page.Sidebar, Page.DetailView, PageLayout.Sidebar, and PageLayout.DetailView to use 85% of the available width instead of 75%. (APPDEV-19995)
  • Fixed the sidebar collapse and expand buttons announcing a redundant state to assistive technology. (APPDEV-19993)
  • Fixed the panels rendering 8px wider than their minWidth under the visual refresh, where the resize handle no longer takes space of its own. (APPDEV-19979)

3.14.0 Released Sep 17, 2026​

Updates​

  • Fixed the sidebar and details panels not being exposed as landmark regions to assistive technologies when rendered in split mode. (APPDEV-19221)

3.8.0 Released Jul 1, 2026​

Deprecations​

  • Deprecated the Page component and all its related types and sub-components. Please use PageLayout instead. (APPDEV-18104)

Updates​

  • Aligned the styling of the collapsed sidebar with that of the PageLayout component. (APPDEV-18295)

3.7.0 Released Jun 12, 2026​

Updates​

  • Fixed the PageLayout resize handler element space when the visual refresh is enabled. (APPDEV-17898)

3.5.0 Released May 13, 2026​

Updates​

  • PageLayout is now available as a new, more flexible replacement for Page. (APPDEV-17730)

3.3.1 Released Apr 28, 2026​

Updates​

  • User-provided data-dt-name and data-dt-properties attributes on Page.PanelControlButton are no longer overridden by the default values. (APPDEV-17287)

3.3.0 Released Apr 21, 2026​

Updates​

  • Added data-dt-properties attribute to the 'Expand' and 'Collapse' buttons, 'Close' button, and resize handles.

3.2.0 Released Apr 7, 2026​

Updates​

  • Added data-dt-name attributes to expand/collapse, open, and close buttons, as well as the resize handler of the sidebar and detail view panels. (APPDEV-16671)
Still have questions?
Find answers in the Dynatrace Community