react-edge-sheet
Getting StartedAPI ReferenceExamplesAdvancedKeyboard & FocusAnimationsGesturesChangelog

Changelog

All notable changes to this project will be documented in this file.

The format is based on Keep a Changelog, and this project adheres to Semantic Versioning.


[0.5.0] — 2026-03-24

Added

  • containerClassName and containerStyle: customize the full-screen overlay container (portal root that wraps backdrop and panel).
  • innerWrapperClassName and innerWrapperStyle: customize the animate-size inner wrapper (only when animateSize is true and snapPoints is not set).

[0.4.0] — 2026-03-17

Added

  • scrollLock prop: when false, disables body scroll lock entirely so the page stays scrollable while the sheet is open. Default remains true. scrollLockPadding only applies when scrollLock is true.

[0.3.0] — 2026-03-16

Added

  • contentClassName and contentStyle props: style the inner content wrapper (the div that wraps children, used for ResizeObserver). Useful for overflow, scroll, padding, and other layout tweaks.

[0.2.0] — 2026-03-13

Added

  • scrollLockPadding prop: control body padding during scroll lock. true (default) uses scrollbar width, false disables padding, string for custom value (e.g. "0", "1rem").

Changed

  • Breaking: Removed default maxHeight: 90vh and maxWidth: 90vw. When maxHeight/maxWidth/maxSize are not provided, no max constraint is applied — size is determined by content and parent layout.

[0.1.1] — 2026-03-07

Changed

  • Code formatting (spacing, tabs, Prettier)

[0.1.0] — 2026-03-07

Initial release

  • Initial release of the project