 
   setupTabs = ->
 
+    ctx = [undefined, undefined, 'negative', 'action']
     createTabHeaderAndBody = (i) ->
       identifier = "tab-content-#{i}"
       header = hx.detached 'div'
         .class 'hx-tab'
         .attr 'id', "tab-#{i}"
         .attr 'data-content', identifier
+      hx.palette.context header.node(), ctx[i]
       body = hx.detached 'div'
         .attr 'id', identifier
         .class 'hx-tab-content'
       { header, body }
 
-    numberOfTabs = 3
+    numberOfTabs = ctx.length
 
     headerAndBody = hx.range numberOfTabs
       .map createTabHeaderAndBody

  it 'should allow things to be set by the dom', ->
    testChange 'user', (tabs) -> pretendClickTab tabs, 1





      },
    }, {
      title: 'title3',
      context: 'negative',
      content: {
        name: 'Ganesh',
        town: 'Digswell'
