The wj-tab directive must be contained in a TabPanel directive. It adds the Tab object to the 'tabs' array property of the parent directive.

For example:

<wj-tab-panel>
   <wj-tab>
     <a>Tab1 Header</a>
     <div>
         Tab1 content
     </div>
   </wj-tab>
   <wj-tab is-disabled="true">
     <a>Tab2 Header</a>
     <div>
         Tab2 content
     </div>
   </wj-tab>
</wj-tab-panel>

The wj-tab directive supports the following attributes:

is-disabled

@ A value that determines whether this Tab is disabled.

is-visible

@ A value that determines whether this Tab is visible.