JSFiddle - React, Tailwind, and code Playground

by ritzlucky13

HTML

<div class="panel panel-info atf-form">

        <div class="panel-heading text-center" style="background-color: #660099;">

            <h1 class="panel-title" style="color: white;">TAF Integration URL</h1>
        </div>
        <!-- <div class="container "> -->
        <form style="margin-top: 10px;">
            <div class="form-row">
                <div class="form-group col-md-2">
                    <label for="param">TAF Parameter</label>
                    <input type="text" name="inputdata" class="form-control" id="inputapi_param" value="API" readonly>
                </div>
                <div class="form-group col-md-4">
                    <label for="val">TAF Value</label>
                    <input type="text" name="inputdata" class="form-control" id="inputapi_val" required>
                </div>
                <div class="form-group col-md-2">
                    <label for="param">TAF Parameter</label>
                    <input type="text" name="inputdata" class="form-control" id="inputarea_param" value="Area" readonly>
                </div>
                <div class="form-group col-md-4">
                    <label for="val">TAF Value</label>
                    <input type="text" name="inputdata" class="form-control" id="inputarea_value" required>
                </div>
            </div>

            <div class="form-row">
                <div class="form-group col-md-2">
                    <label for="param">TAF Parameter</label>
                    <input type="text" name="inputdata" class="form-control" id="inputenv_param" value="Environment" readonly>
                </div>
                <div class="form-group col-md-4">
                    <label for="val">TAF Value</label>
                    <input type="text" name="inputdata" class="form-control" id="inputenv_val" required>
                </div>
                <div class="form-group col-md-2">
                    <label for="param">TAF Parameter</label>
                   ...