JSFiddle - React, Tailwind, and code Playground

by Sanjeevi Rajagopalan

HTML

<h3>Candidate Experience</h3>
                        
                <div class="search_box">
                    <input type="checkbox" name="3year" id="3yearexp" value="1"> 3+ Years <br>
                    <input type="checkbox" name="5year" id="5yearexp" value="2"> 5+ Years <br>
                    <input type="checkbox" name="7year" id="7yearexp" value="3"> 7+ Years <br>
                    <input type="checkbox" name="10year" id="10yearexp" value="4"> 10+ Years <br>
                </div>
                
                <h3><br>Candidate Salary</h3>
                        
                <div class="search_box">
                    <input type="checkbox" name="3039" value="3039"> less than £29,999<br>
                    <input type="checkbox" name="3039" value="3039"> £30,000 - £39,999 <br>
                    <input type="checkbox" name="4059" value="4059"> £40,000 - £59,999 <br>
                    <input type="checkbox" name="6079" value="6079"> £60,000 - £79,999 <br>
                    <input type="checkbox" name="80plus" value="80plus"> £80,000 + <br>
                </div>
                    
                        
<br>
<br>                        
<div class="talent_result_wrapper" data-experience="10yearexp" data-salary="6079"><ul><li><strong>Talent ID:  </strong>100007</li><li><strong>Resides:  </strong>London</li><li><strong>Salary Required:  </strong>£67000</li><li><strong>Experience:  </strong>10 Years </li><li><strong>Industy:  </strong>24</li><li><strong>Specialism:  </strong>24</li></ul>
<div>
<br>
<br> 
    
<div class="talent_result_wrapper" data-experience="5yearexp" data-salary="3039">
<ul><li><strong>Talent ID:  </strong>100006</li><li><strong>Resides:  </strong>London</li><li><strong>Salary Required:  </strong>£35000</li><li><strong>Experience:  </strong>5 Years </li><li><strong>Industy:  </strong>24</li><li><strong>Specialism:  </strong>15</li></ul>
</div>