Documentation

Home / Documentation / Tabs

Tabs

Options

Step 1

You have to initialize the tabs with which must have attribute humge-type="tabs"

Step 2

Your list items have to include attribute tab="unique value" The value of tab attribute must be unique for each list item!

Step 3

The content of the tabs should be in

which must have attribute humge-tab="tab value"
  • TAB 1
  • TAB 2
  • TAB 3
  • TAB 4
content 1
content 2
content 3
content 4
  • TAB 1
  • TAB 2
  • TAB 3
  • TAB 4
content 1
content 2
content 3
content 4
    • ul.tabs li - This CSS selector change the whole styling of non-active tab
    • ul.tabs li.current - This CSS selector change the whole styling of active tab
    • .tab-content.current - This CSS selector change the whole styling of current tab content