LIVE DEMO Preview: https://bottomsheetswipe.bubbleapps.io/version-test
Editor:  https://bubble.io/page?id=bottomsheetswipe&test_plugin=1788083812592x230084467771310100_current&tab=Design&name=index&elements=bTGMS
SETUP

Step 1 — Enable ID attributes
Go to Settings > General and turn on
"Expose the option to add an ID attribute to HTML elements".
The plugin finds your content by its ID, so this is required.

Step 2 — Build the sheet contents
Create a normal Group on your page and put anything you want inside
it: text, repeating groups, buttons, inputs.
Two rules for this group:
 - Give it an ID Attribute (for example: sheet_content).
   The field is at the bottom of the group's property editor.
 - Leave it VISIBLE on page load. The plugin hides it for you.
   Place it last on the page so it doesn't flash during loading.

Step 3 — Add the BottomSheet element
Drop the BottomSheet element anywhere on the page. It renders as a
dashed placeholder in the editor and is invisible at runtime, so its
size and position don't matter.

Step 4 — Connect them
In the element's properties, set "Content element id" to the ID you
gave the group in step 2 (sheet_content, without the # sign).

Step 5 — Set the snap points
"Snap points" is a comma-separated list of screen-height percentages.
 30,60,95   three stops (default)
 50         a single stop, like a half-height modal
 25,90      peek and full screen
The largest value is the sheet's full height. Order doesn't matter.

Step 6 — Open and close it
Add a workflow, then Element Actions > Open sheet.
Optionally pass "Snap index" to choose the starting stop
(0 = the lowest, 1 = the next one up, and so on).
Element Actions > Close sheet closes it.
Element Actions > Snap to moves it to a given stop while it's open.
Set "Open on load" to yes if it should be open from the start.

Step 7 — React to changes
Available workflow events:
 When BottomSheet A is opened
 When BottomSheet A is closed
 When BottomSheet A snap changed
Available states, usable anywhere:
 is open        yes/no
 snap index     number, 0-based, -1 when closed
 snap percent   number, the current stop as a percentage
 height px      number, current visible height in pixels
Example: hide a floating button while the sheet is expanded, using
"BottomSheet A's snap index > 0" as the condition.

OPTIONS

Closable          allow closing by swipe, backdrop or Escape.
                 Turn off for a panel that is always on screen.
Show handle       the grey grab bar at the top.
Show backdrop     dark overlay that fades in as the sheet rises.
Backdrop opacity  0 to 1, default 0.4.
Backdrop closes   tap the backdrop to close.
Bg color          sheet background, default white.
Handle color      default light grey.
Radius            top corner radius in px, default 16.
Max width         px. Keeps the sheet phone-width and centred on
                 large screens. Default 640.
Z index           raise it if the sheet appears under other elements.
                 Bubble popups sit around 1000.
Flick threshold   swipe speed in px/ms that counts as a flick.
                 Lower is more sensitive. Default 0.45.

TROUBLESHOOTING

The sheet is empty
 The group wasn't found. Check that ID attributes are enabled in
 Settings, that the ID matches exactly, and that the group is
 visible on page load. Open the browser console — the plugin logs
 a warning naming the ID it looked for.

The contents look stretched or misaligned
 Bubble positions the group relative to its original parent. The
 plugin overrides most of that, but if the group had a fixed width,
 set it to 100% width in the editor.

The sheet appears behind other elements
 Increase Z index.

Swipes feel too sensitive or too stiff
 Adjust Flick threshold. Try 0.3 for a light touch, 0.8 to require
 a deliberate flick.