JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="myApp" ng-controller="myCtrl">
    <form name="userForm" novalidate>
        <div class='form-group'>
          <label>First Name</label>
          <input name='fname' ng-model="fname" required />
          <label ng-show="userForm.fname.$dirty || userForm.fname.$touched">* Required field</label>
        </div>
        <div class='form-group'>
          <label>Favorite Food</label>
          <input name='favFood' ng-model="favFood" />
          <label ng-show="userForm.favFood.$error.required">* Required field</label>
        </div>
        <button type="submit" ng-disabled="userForm.$invalid">Submit</button>
    </form>
</div>

JavaScript

angular.module('myApp', [])
.controller('myCtrl', function ($scope) {
   
});