Tabs horizontales Tabs horizontales ready View Source Code Open in new window <div class="pow-tabs-inline"> <ul class="pow-tabs-list pow-flexbox pow-flex-row pow-flex-nowrap pow-flex-align-items-center pow-flex-justify-center"> <li class="pow-tabs-item"> <button type="button" class="pow-tabs-button">Tab 1</button> </li> <li class="pow-tabs-item active"> <button type="button" class="pow-tabs-button">Tab 2</button> </li> <li class="pow-tabs-item"> <button type="button" class="pow-tabs-button">Tab 3</button> </li> </ul> </div> Tabs verticales Tabs verticales ready View Source Code Open in new window <div class="pow-tabs-vertical"> <ul class="pow-tabs-list"> <li class="pow-tabs-item"> <button type="button" class="pow-tabs-button"> <span class="tabs-title">Tab 1</span> <span class="icon-people"></span> </button> </li> <li class="pow-tabs-item active"> <button type="button" class="pow-tabs-button"> <span class="tabs-title">Tab 2</span> <span class="icon-powell-bullhorn"></span> </button> </li> <li class="pow-tabs-item"> <button type="button" class="pow-tabs-button"> <span class="tabs-title">Tab 3</span> <span class="icon-powell-like-fill"></span> </button> </li> </ul> </div>