List Select
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 is the block containing the dynamic items that will be added to the Select Field. You can hide this block if you want.
Joseph Richard
Karla Saris
Jocelyn Bator
Mariah Joana
Steve Mark
Ryan Garry
The dynamic items are being added in this select field
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
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 is the block containing the dynamic items that will be added to the Select Field. You can hide this block if you want.
Joseph Richard
Karla Saris
Jocelyn Bator
Mariah Joana
Steve Mark
Ryan Garry
The dynamic items are being added in this select field
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.