API & PlaygroundVanillaBottomSheetCoreUsing Lifecycle Callbacks

Life Cycle Callback

  • beforeOpen?: () => void
    Optional. Function called before the bottom sheet opens.

  • afterOpen?: () => void
    Optional. Function called after the bottom sheet opens.

  • beforeClose?: () => void
    Optional. Function called before the bottom sheet closes.

  • afterClose?: () => void
    Optional. Function called after the bottom sheet closes.

  • onDragStart?: () => void
    Optional. Function called when dragging starts.

  • onDragMove?: (direction: DraggingDirection, progress: number) => void
    Optional. Function called during dragging. Parameters:

    • direction: Current direction based on pointer start.
    • progress: A number from 0 to 1 representing how far the bottom sheet is dragged.

  • onDragEnd?: () => void
    Optional. Function called when dragging ends.

BehaviorAnimation
;