ux-tabarea

Tabs are elements that help you organize and navigate multiple documents in a single container. They can be used for switching between items in the container.

Read Foundation tabs.html page for details.

Markup example:



    
        Tab One
        Tab Two
        Tab Three
    

    
        
            First tab content
        
        
            Second tab content
        
        
            Third tab content
        
    


Use Cases Manifest
Use case: Simple tabs demo
    {{#events.uxTabarea_86}}
  • {{this}}
  • {{/}}

	{
     "items": [
         {
             "id": "structure",
             "active": true,
             "title": "Structure",
             "content": "Here be structure. Blah blah blah."
         },
         {
             "id": "buttons",
             "active": false,
             "title": "Buttons",
             "content": "

Buttons content - here be buttons

PrimarySecondary" } ] }

Semantic Data Model
items - Array of item data for both ux-tablink and ux-tabpane.