Brutalist ナビゲーションコンポーネント
レスポンシブな動作とダーク テーマのサポートを備えたブルータリズム ナビゲーション コンポーネント。
HTMLコード
<nav class="bg-yellow-400 dark:bg-purple-900 p-6 font-mono border-4 border-black dark:border-yellow-400">
<div class="container mx-auto flex justify-between items-center">
<div class="text-2xl font-bold text-black dark:text-yellow-400">Brutal Nav</div>
<ul class="flex space-x-4">
<li><a href="#" class="text-black dark:text-yellow-400 hover:underline">Home</a></li>
<li><a href="#" class="text-black dark:text-yellow-400 hover:underline">Docs</a></li>
<li><a href="#" class="text-black dark:text-yellow-400 hover:underline">Examples</a></li>
</ul>
</div>
</nav>