### How to Set Up FlowSlider
1. Install the FlowSlider plugin in your Bubble application.

2. Open the Bubble editor and go to the page where you want to display the slider.

3. From the Visual Elements section, drag the FlowSlider element onto the page.

4. Resize the FlowSlider element according to your required layout.

5. Configure the slider settings from the element's property panel.

6. Provide your slider data using the available plugin fields or dynamic Bubble data.

7. Configure the number of slides visible at one time.

8. Configure slide spacing and other display settings according to your design.

9. Enable or disable navigation buttons such as Previous and Next. To use navigation controls, create two buttons and add the FlowSlider Next and Previous element workflows.

10. Enable pagination if required.

11. Enable autoplay if required and configure the autoplay interval.

12. Enable loop mode if you want the slider to continuously cycle through the slides.

13. Preview the page and verify the slider behavior on desktop and mobile.

### Dynamic Data

FlowSlider can be used with Bubble dynamic data. Connect your Bubble database data to the plugin's available data properties and configure the fields required for your slider content.

### Demo

Live Demo:
https://ag-grid-demo.bubbleapps.io/version-test

Demo Editor:
https://bubble.io/page?id=ag-grid-demo&tab=Design&name=index

The demo application shows a working example of the plugin and allows you to inspect the configuration in the Bubble editor.