What is a Slider Component?

One of the list components, the slider presents a list of items, or slides, in a visually appealing way. It is similar to the gallery but does not have the interactive features of the latter, including the gallery’s ability to be maximized. Instead, the slider resides on the screen, with buttons to the right and left allowing you to navigate between the slides.

How to Use a Slider Component?

Why Use a Slider Component?

Sliders are a great way to highlight content in your app. The slider component is used in the Fliplet onboarding screen for many app templates and a great tool for welcoming new users to your app.

Options of a Slider Component

When adding a slider, an example will be shown on the screen. You must begin by clicking the Add new slide button on the Slides tab to the right.

Slides

Add new slide

Allows adding of new slide to the slider. For more information, see Select File.

Drag slide to reorder

Allows dragging the slide to the desired position on the slider

Add Image

Allows adding of an image to be displayed on the slide. For more information, see Select File.

Title

Name of the slide. This is displayed with the slide on the slider.  

Description

Description of the slide. This is displayed with the slide on the slider.  

Button label (Optional)

Label of the button at the bottom of the slide

Link action

This is what will happen when the button is clicked. By default, this is set to None. For more information, see Link actions.

Slider Options

Do you want to animate the content of each slide? (Optional)

When moving between slides, a small animation will be shown. By default, this is set to Yes. Set to No to remove the animation.

Do you want to configure a Skip button? (Optional)

By default, this is set to No. Set to Yes to display a Skip button on the top right of the slide.