Contents

Rev.pullInto(this) 'Lipsum', 'Tabs', 'TabBlock', 'TabsAccordion'

Rev.registerExample 'Tabs & Such',

  onTabChange: (e) ->
    alert "Changing active tab to key `#{e.activeTab.key}`"

  render: ->
    <div>
      <h3>{"<Tabs>"}</h3>
      <Tabs onChange={@onTabChange}>
        <TabBlock key="one" tab={<a href="#">One</a>}>
          <Lipsum />
        </TabBlock>
        <TabBlock key="two" tab={<a href="#">Two</a>}>
          <Lipsum p=2 />
        </TabBlock>
        <TabBlock key="three" tab={<a href="#">Three</a>}>
          <Lipsum p=3 />
        </TabBlock>
      </Tabs>
      <Tabs vertical activeKey="two">
        <TabBlock key="one" tab={<a href="#">One</a>}>
          <Lipsum />
        </TabBlock>
        <TabBlock key="two" tab={<a href="#">Two</a>}>
          <Lipsum p=2 />
        </TabBlock>
        <TabBlock key="three" tab={<a href="#">Three</a>}>
          <Lipsum p=3 />
        </TabBlock>
      </Tabs>
      <h3>{"<TabsAccordion>"}</h3>
      <TabsAccordion onChange={@onTabChange}>
        <TabBlock key="one" tab={<a href="#">One</a>}>
          <Lipsum />
        </TabBlock>
        <TabBlock key="two" tab={<a href="#">Two</a>}>
          <Lipsum p=2 />
        </TabBlock>
        <TabBlock key="three" tab={<a href="#">Three</a>}>
          <Lipsum p=3 />
        </TabBlock>
      </TabsAccordion>
    </div>

Version data entries

22 entries across 22 versions & 1 rubygems

Version	Path
revelry_core-0.0.1	app/assets/javascripts/revelry/examples/Tabs.js.cjsx
revelry_core-0.0.0	app/assets/javascripts/revelry/examples/Tabs.js.cjsx