@lion/overlays/src/configurations/withBottomSheetConfig.js

Overlays System using lit-html for rendering

/**
 * @typedef {import('../../types/OverlayConfig').OverlayConfig} OverlayConfig
 */

export const withBottomSheetConfig = () =>
  /** @type {OverlayConfig} */ ({
    hasBackdrop: true,
    preventsScroll: true,
    trapsKeyboardFocus: true,
    hidesOnEsc: true,
    placementMode: 'global',
    viewportConfig: {
      placement: 'bottom',
    },
    handlesAccessibility: true,
  });