Jordbruksverkets Designsystem

										
	<div class="c-tabs" rel="c-tabs-js">
		<ul id="myTabs_1" class="c-tabs__labels" role="tablist" aria-label="Code Examples">
			<li class="c-tabs__title" role="presentation">
				<button id="panel1__label" href="#panel1" aria-selected="false" role="tab" aria-controls="panel1" tabindex="-1">HTML</button>
			</li>
			<li class="c-tabs__title" role="presentation">
				<button id="panel2__label" href="#panel2" aria-selected="false" aria-controls="panel2"role="tab" tabindex="-1">JavaScript</button>
			</li>
			<li class="c-tabs__title" role="presentation">
				<button id="panel3__label" href="#panel3" aria-selected="true" aria-controls="panel3"	role="tab" class="is-active">Other Text</button>
			</li>
		</ul>
		<div class="c-tabs__content" data-tabs="myTabs_1">
			<div id="panel1" class="c-tabs__panel" role="tabpanel" aria-labelledby="panel1__label">
				<code><button class="c-btn--primary">Primär</button>
			</code>
			</div>
			<div id="panel2" class="c-tabs__panel" role="tabpanel" aria-labelledby="panel2__label">
				<p>Hej</p>
			</div>
			<div id="panel3" class="c-tabs__panel is-active" role="tabpanel" aria-labelledby="panel3__label">
				<p>Hello</p>
			</div>
		</div>
	</div>
										
									

Hej

yo.

yoo

yoooh!!