Sha256: da3f1df4c3624ca241f8cd376c30bda8a7161e12de8d84be878dbb6f1a3fcf59
Contents?: true
Size: 1.32 KB
Versions: 22
Compression:
Stored size: 1.32 KB
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