JSFiddle - React, Tailwind, and code Playground

by justbn

HTML

<div ng-app="app" ng-controller='AppCtrl'>

    
<form name="signup">
    <input type="text" name="firstname" id="firstname" placeholder="First Name Please"  required="" ng-model="firstname" ng-minlength="3" ng-maxlength="50"   
    ng-class="{'error': !signup.firstname.$valid && !signup.firstname.$pristine, 'pristine': signup.firstname.$pristine }" >
</form>
    
</div>

CSS

.error {
    background-color: red;
}

.pristine {
    background-color: green;
}

JavaScript

var app = angular.module('app', []);

app.controller('AppCtrl', [ '$scope', function($scope) {
}]);