Tailwind CSS Copy Markup
The Copy Markup Component efficiently adds new fields in forms, such as extra address entries. It automates form expansion, ensuring consistency and saving time. Ideal for flexible form structures like dynamic surveys and registration forms.
Requires JS
Note that this component requires the use of our Copy Markup plugin, else you can skip this message if you are already using Preline UI as a package.
Duplicate input field
Duplicate an existing input field inside the wrapper each time the add button is clicked.
Duplicate select field
Copy a select field and reinitialize the nested select component after each new item is added.
Hidden template markup
Copy markup from a hidden template container and insert it only after the add button is clicked.
Destroy and reinitialize
Use the destroy method before reinitializing the component when copy-markup instances need to be rebuilt.