Transform Any Group into a Sleek, Customizable Bottom Sheet
✅ Fully Customizable ✅ High Performance ✅ Modern & Sleek Design
This plugin allows you to manage multiple bottom sheets effortlessly using a single element. Designed to work seamlessly with reusable components, it ensures smooth interactions and a clean UI.
🚀 Get fast and reliable customer support whenever you need it!
This plugin allows you to transform❗any group❗into a bottom sheet modal.
🛠 Preparation
- Build your component that you want to display in the bottom sheet. This is just a regular group that you want to show. - Anything you can do in a group will keep working, so add all of your worfklows, conditionals and hover states like you would normally do! - Put this group anywhere on the page and make sure it's only visible when you want to display the bottom sheet. - Assign an HTML ID to the group (for example: "bottom_sheet")
If you don't see this option in the element dialog, make sure you've enabled the HTML ID setting. You can do this under:
1. Settings 2. General 3. Check the box for → 'Expose the option to add an ID attribute to HTML elements'
✨ Showing the bottom sheet
✋ Place the 'Bottom Sheet' element on your page 🍭 Configure & customize the styling to your liking 🤖 Pass the HTML ID from earlier to the plugin 🚀 Create a workflow to show your component and trigger the action "open the bottom sheet" ✅ That's it!
Types
This plugin can be found under the following types:
Built on Bubble
