List Slider
Built for

How to use multiple instances

To apply more instances of the solution on the same page, wrap the component inside a parent element with the instance attribute.

Check more examples
How to use multiple instances
The elements outlined in blue have the necessary attributes for this solution. Toggle X-ray by pressing ? on your keyboard and hover the outlined elements to reveal their attributes.

Instance #1

This is the Instance #1.
Please ensure that your component is inside a parent element with the attribute fs-list-instance="1".
This block contains the list with the content that will be added to the slider. You can hide this block if you want.
The elements outlined in blue have the necessary attributes for this solution. Toggle X-ray by pressing ? on your keyboard and hover the outlined elements to reveal their attributes.

Instance #2

This is the Instance #2.
Please ensure that your component is inside a parent element with the attribute fs-list-instance="2".
This block contains the list with the content that will be added to the slider. You can hide this block if you want.