Artifact 89633e68184cdde0c3a00ecdaf0e009dbf0f677d87d474a091a9d0c67f8762d8:

• File public/components/rhythmroll.tag — part of check-in [12a9bb700d] at 2021-08-11 18:56:04 on branch trunk — Import from git Added a changelog (user: dev size: 756)

<rhythmroll>

    <div class="row mt-3">
            <div class="col-md-3">
                <input type="text" class="form form-control mt-1" id="pattern-{props.ti}" onkeyup={updateCall} value={props.v} style="width:250px"/>
            </div>
            <div class="col-md-5 mt-2">
                <div style="display:inline; border: 1px dotted black;font-size: 16px; padding: 2px"
                    each={ key, index in pattern_clean($("#pattern-" + props.ti).val()).split('')}
                    class="roll-{index + 1} roll">
                    {key}
                </div>
            </div>
    </div>

    <script>
        this.props = opts;

            updateCall() {
                this.update();
            }
   </script>

</rhythmroll>