{{> top title="Basic, no list"}}

	<ul>
		<li>
			<div class="Tab">
				<a href="#tab1" class="Tab-toggler">Tab 1</a>
				<a href="#tab2" class="Tab-toggler">Tab 2</a>
				<a href="#tab3" class="Tab-toggler">Tab 3</a>
				<div class="Tab-panes">
					<div class="Tab-pane Tab-pane--1" id="tab1">
						<p>Pane 1</p>
					</div>
					<div class="Tab-pane Tab-pane--2" id="tab2">
						<p>Pane 2</p>
					</div>
					<div class="Tab-pane Tab-pane--3" id="tab3">
						<p>Pane 3</p>
					</div>
				</div>
			</div>
		</li>
	</ul>

	<script>

		$('.Tab').tabify({
			tab: '.Tab-toggler',
			pane: '.Tab-pane'
		});

	</script>

{{> bottom}}