JSFiddle - React, Tailwind, and code Playground

HTML

<section>
		<input type="radio" id="tab1" name="radiobutton" checked="checked"/>
		<label for="tab1" class="tabs">One</label>
		<input type="radio" id="tab2" name="radiobutton"/>
		<label for="tab2" class="tabs">Two</label>
		<input type="radio" id="tab3" name="radiobutton"/>
		<label for="tab3" class="tabs">Three</label>
		<article>
			Tab 1 heading
			Bacon ipsum dolor sit amet pastrami dolor tri-tip, magna tongue ullamco occaecat velit shoulder sunt elit. Non cillum turkey short loin beef ribs. Anim qui shankle short ribs pancetta boudin. Occaecat mollit in laboris ham hock bresaola corned beef flank hamburger aute chicken id t-bone.
		</article>
		<article>
			Tab 2 heading
			Bacon ipsum dolor sit amet pastrami dolor tri-tip, magna tongue ullamco occaecat velit shoulder sunt elit. Non cillum turkey short loin beef ribs. Anim qui shankle short ribs pancetta boudin. Occaecat mollit in laboris ham hock bresaola corned beef flank hamburger aute chicken id t-bone.
		</article>
		<article>
			Tab 3 heading
			Bacon ipsum dolor sit amet pastrami dolor tri-tip, magna tongue ullamco occaecat velit shoulder sunt elit. Non cillum turkey short loin beef ribs. Anim qui shankle short ribs pancetta boudin. Occaecat mollit in laboris ham hock bresaola corned beef flank hamburger aute chicken id t-bone.
		</article>
	</section>

CSS

input { 
  		  display: none;
		}    
		input:checked + label {
		    background: #CCC;
		}    
		input:checked + label + input + label + input + label + article { /* Страшно? */
		    display: block;
		}    
		input:checked + label + input + label + article + article {
    		display: block;
		}   
		input:checked + label + article + article + article {
			display: block;
		}
		article {
		    display: none;
		}