Code organism provides a block that presents a sample of another element, such as below badge atom is shown
It features code and output tabs and a copy button to instantly place the tab content into the clipboard.
= codeBlender "badge", "atom", { text: "88" }
<span class='badge'>88</span>
| Task | Date |
|---|---|
| Need to get the highlighting working | |
| Provide a means for the code block to be expanded and contracted, default as collapsed | |
| Split out the Tabs array into a HAML hash - use tab partial | |
| Change the code controller to a directive - handle the copy and tab transition | |
| Add the URL for the pygments instructions and middleman syntax highlighting and Rouge | |
| Tabs need a better active colour - check bootstrap docs - maybe just change css |