JSFiddle - React, Tailwind, and code Playground

by lgedeon

HTML

<form name="post" action="" method="post" target="_blank" id="theform" class="form-container">
    <section>
        <div class='repeater-container'>
            <div class="confuser">
                <input type="text" name="horse[1][name][]" value="1" />
                <div>
                    <span>
                        <a class="repeater-delete" href="#">Delete</a> |
                        <a class="repeater-add" href="#">Add</a>
                    </span>
                </div>
            </div>
        </div>
    </section>
    <section>
        <div class='repeater-container'>
            <div class='repeater-container'>
                <div>
                    <input type="text" name="monkey[1][color][1]" value="1" />
                    <div>
                    <span>
                        <a class="repeater-delete" href="#">Delete</a> |
                        <a class="repeater-add" href="#">Add</a>
                    </span>
                    </div>
                </div>
            </div>
            <span>
                <a class="repeater-delete" href="#">Delete</a> |
                <a class="repeater-add" href="#">Add</a>
            </span>
        </div>
        <section class='repeater-container'>
            <div class='repeater-container'>
                <div class='repeater-container'>
                    <div>
                        <input type="text" name="car[1][wheel][1][color][1]" value="1" />
                        <div>
                        <span>
                            <a class="repeater-delete" href="#">Delete</a> |
                            <a class="repeater-add" href="#">Add</a>
                        </span>
                        </div>
                    </div>
                </div>
                <span>
                    <a class="repeater-delete" href="#">Delete</a> |
                    <a class="repeater-add" href="#">Add</a>
                </span>
            </div>
       ...