JSFiddle - React, Tailwind, and code Playground

by Omar X

HTML

<div data-role="collapsible" data-theme="b" data-content-theme="b">
     <h3>Action</h3>

    <table class="tabledata" width="100%">
        <div class="ui-grid-a">
            <div class="ui-block-a"></div>
            <div class="ui-block-b">
                <fieldset data-role="controlgroup">
                    <input type="radio" name="radio-choice-v-2" id="radio-choice-v-2a" value="on" checked="checked"/>
        <label for="radio-choice-v-2a">Approve</label>
                    <input type="radio" name="radio-choice-v-2" id="radio-choice-v-2b" value="off"/>
        <label for="radio-choice-v-2b">Reject</label>
                    <input type="radio" name="radio-choice-v-2" id="radio-choice-v-2c" value="other"/>
        <label for="radio-choice-v-2c">Send a request</label>
    </fieldset>
            </div>
        </div>
            <td>Amount Approved for Domestic sector :</td>
            <td>
                <input id="Text1" type="text" />
            </td>
        </tr>
        <tr>
            <td>Remarks :</td>
            <td>
                <input id="Text2" type="text" />
            </td>
        </tr>
        <tr>
            <td class="tabledata">
                <input id="Button1" type="button" value="Submit" />
            </td>
        </tr>
    </table>
</div>