Skip to main content

Sheet

The Sheet component allows you to show additional content in an overlay of your application. It is essential to add at least one focusable element inside the Sheet to be keyboard accessible. If none is available the focus will be lost and given to the window.document when opening the sheet.

The developer is responsible for the sheet's visibility via the show prop. This prop must be updated to false in the onDismiss callback to ensure keyboard accessibility.

OverviewPropertiesChangelog3.14.0

Changes to Sheet. The full components changelog also lists package-wide and cross-cutting entries.

3.13.0​

Updates​

  • Fixed the extra tab stop with no visible focus that appeared after the last interactive element. (APPDEV-19493)

3.11.0​

Updates​

  • The title prop now accepts a ReactElement in addition to a string. (APPDEV-18664)

3.9.0​

Updates​

Overlays​

  • Reduce Modal and Sheet horizontal padding to 16px on mobile viewports (APPDEV-18055)
Still have questions?
Find answers in the Dynatrace Community