ナビ・リスト操作
下線スライドタブ
選択中タブの下に下線がスッと横移動するタブUI。現在地が直感的に伝わり、内容も切り替わる。
プレビュー
クリック
操作クリック／タップで動きます。
コード（コピーして使えます）
<div class="tabs">
<div class="tab-row">
<button class="tab is-active" data-tab="0">概要</button>
<button class="tab" data-tab="1">仕様</button>
<button class="tab" data-tab="2">レビュー</button>
<span class="tab-ink"></span>
</div>
<div class="tab-panels">
<div class="tab-panel is-active">
<p>このパーツの概要をここに書きます。使い方がすぐわかるシンプルなタブです。</p>
</div>
<div class="tab-panel">
<p>対応ブラウザ: 最新Chrome / Firefox / Safari。依存ライブラリ: なし。</p>
</div>
<div class="tab-panel">
<p>「現在地がわかりやすい」「アニメが自然」と好評です。</p>
</div>
</div>
</div>