Custom Tabs Components
Horizontal Tabs
Preview
Code
Tab 1
Tab 2
Content for tab goes here
Copy
<div class="tabs tabs--horizontal" id="my-tabs"> <div class="tabs__heading"> <ul class="tabs__nav"> <li class="tabs__nav-item"> <button class="tabs__nav-button btn btn-pumpkin--outline btn--block active">Tab 1</button> </li> <li class="tabs__nav-item"> <button class="tabs__nav-button btn btn-pumpkin--outline btn--block">Tab 2</button> </li> </ul> </div> <div class="tabs__body"> Content for tab goes here </div> </div>