Skip to content

Instantly share code, notes, and snippets.

@ctbarber

ctbarber/tabs.inc

Created Mar 27, 2017
Embed
What would you like to do?
<table class="snippet-tabs">
<tbody>
<tr class="uthsc-ouc-instructions"><th colspan="2">Tabs Options [DO NOT DELETE]</th></tr>
<tr>
<td class="uthsc-ouc-instructions">
<p>Do you want the tabs to be horizontal or vertical? (Horizontal is default.)<br /><br />Horizontal tabs will go across the top. Vertical will be stacked to the left of the content. Use the size below to determine how wide the tabs are for vertical.</p>
</td>
<td>
<p>horizontal</p>
</td>
</tr>
<tr>
<td class="uthsc-ouc-instructions">
<p>What size do you want your tabs to be? Choices are small, medium, large, or xlarge. (Medium is default.)<br />Size option is ignored when horizontal is chosen.</p>
</td>
<td>
<p>medium</p>
</td>
</tr>
<tr class="uthsc-ouc-instructions"><th colspan="2">Tabs Content [DO NOT DELETE]</th></tr>
<tr class="uthsc-ouc-instructions"><th>Panel Title</th><th>Panel Content</th></tr>
<tr>
<td>Tab Panel Title 1</td>
<td>This is where you will put your content for the first panel.</td>
</tr>
<tr>
<td>Tab Panel Title 2</td>
<td>This is where you will put your content for the second panel.</td>
</tr>
<tr>
<td>Tab Panel Title 3</td>
<td>This is where you will put your content for the third panel.</td>
</tr>
</tbody>
</table>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment