コンテンツリンクにスキップする
鮮やかな色、レスポンシブデザイン、ダークモードのサポートを備えた、eコマース用のコンテンツリンクコンポーネントへのミニマリストのスキップ。
HTMLコード
<a href="#main-content" class="sr-only focus:not-sr-only focus:absolute focus:top-4 focus:left-4 focus:bg-pink-500 focus:text-white focus:p-3 focus:rounded-lg focus:z-50 dark:focus:bg-purple-700 dark:focus:text-yellow-300">Skip to main content</a>関連コンポーネント
コンテンツリンクにスキップする
アクセシビリティのための「コンテンツにスキップ」リンクコンポーネントで、グレースケールの配色を持つダークモードダッシュボード用に設計されています。レスポンシブモードとダークモードのスタイリングにより、適度に複雑です。JavaScriptは使用しておりません。ダークテーマのサポートには、Tailwind CSS に dark: プレフィックスを使用します。
コンテンツリンクコンポーネントにスキップする
視覚的に魅力的な「コンテンツにスキップ」リンクコンポーネントは、マイクロインタラクションに焦点を当てたダッシュボード向けに設計されており、補完的な配色とTailwind CSSによるダークモードのサポートを利用しています。