JSFiddle - React, Tailwind, and code Playground

by Chase Wilson

HTML

<sml:partial name="le-form">
  <sml:contest name="sf-49-contest">
  <sml:contest-form rules="javascript:CONTEST.rules" id="sf-49-contest-form">
    <h2>Submit your photos from the game.</h2>
    <fieldset>
      <div class="field">
        <label for="submission[game]">Select Game</label>
        <select name="submission[game]">
          <sml:for var="option" in="contest.options">
            <option value="week-01">WEEK 1 VS. SEA</option>
            <option value="week-02">WEEK 2 VS. DAL</option>
            <option value="week-03">WEEK 3 VS. CIN</option>
            <option value="week-04">WEEK 4 VS. PHI</option>
            <option value="week-05">WEEK 5 VS. TAM</option>
            <option value="week-06">WEEK 6 VS. DET</option>
            <option value="week-07">WEEK 7 VS. BYE</option>
            <option value="week-08">WEEK 8 VS. CLE</option>
            <option value="week-09">WEEK 9 VS. WAS</option>
            <option value="week-10">WEEK 10 VS. NYG</option>
            <option value="week-11">WEEK 11 VS. ARZ</option>
            <option value="week-12">WEEK 12 VS. BAL</option>
            <option value="week-13">WEEK 13 VS. STL</option>
            <option value="week-14">WEEK 14 VS. ARZ</option>
            <option value="week-15">WEEK 15 VS. PIT</option>
            <option value="week-16">WEEK 16 VS. SEA</option>
            <option value="week-17">WEEK 17 VS. STL</option>
          </sml:for>
        </select>
      </div>
      <div class="field">
        <label for="submission[name]">Enter Name</label>
        <input name="submission[name]" id="submission[name]" value=""/>
      </div>
      <div class="field">
        <label>Upload Image</label>
        <sml:image-upload name="submission[image]" />
      </div>
    </fieldset>
  </sml:contest-form>
  </sml:contest>
</sml:partial>

JavaScript

new sml.Tag('contest-form',{
    onSubmit: function(){
    
    }
    onSucess: function(){
    
    }
    ,onError: function(){
    
    }
  })