JSFiddle - React, Tailwind, and code Playground

by AshThakur

HTML

<!-- Begin BrandBot Signup Form -->
<style type="text/css">
/* Add your own style overrides in your site stylesheet or in this style block.
We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>
<div id="bb_form">
<form method="post" action="https://embed.brndbot.net/create" id="bb_form_inner">
<div id="alert" class="alert" style="display: none;"></div>
 
<div class="form-group">
  <label for="bb_email">Email Address</label>
  <input type="email" name="bb_email" id="bb_email" class="form-control" required="required" />
</div>
<div class="form-group">
<input type="hidden" name="bb_uuid" id="bb_uuid" value="" />
<button type="submit" class="btn" id="bb_submit">Submit</button>
</div>
</form>
</div>
<script>window.jQuery || document.write('<scr'+'ipt src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></scr'+'ipt>')</script>
<script src="https://assets.brandbot.com/public/embed/form-1.2.js"></script>
<!-- Ending BrandBot Signup Form -->