LiteAdminmenu

account_circle
John Doe


tabTabs

To create tabs, you need an input to keep the tab's open/closed state, a label to be the "button" that trigger the input change, and a div with your tab's content.

Take this basic code example:

<div class="tabs">
  <input type="radio" name="tab-toggle" id="tab-toggle-1">
  <label class="tab" for="tab-toggle-1">First tab</label>
  <div class="tab-content">First tab content.</div>

  <input type="radio" name="tab-toggle" id="tab-toggle-2">
  <label class="tab" for="tab-toggle-2">Second tab</label>
  <div class="tab-content">Second tab content.</div>
</div>

Live example:


Account details

Security

One more tab content