コンテンツリンクにスキップする
アクセシビリティのための「コンテンツにスキップ」リンクコンポーネントで、グレースケールの配色を持つダークモードダッシュボード用に設計されています。レスポンシブモードとダークモードのスタイリングにより、適度に複雑です。JavaScriptは使用しておりません。ダークテーマのサポートには、Tailwind CSS に dark: プレフィックスを使用します。
HTMLコード
<a href="#main-content" class="sr-only focus:not-sr-only focus:absolute focus:top-0 focus:left-0 focus:z-50 focus:bg-gray-800 focus:text-white focus:p-3 focus:underline dark:focus:bg-gray-900 dark:focus:text-gray-200">Skip to Content</a>関連コンポーネント
コンテンツリンクコンポーネントにスキップする
スポーツ/フィットネスアプリケーション向けのクリーンでミニマリストの「コンテンツにスキップ」リンクコンポーネントで、グレースケールの配色で設計されています。レスポンシブで、ダークモードをサポートし、タイポグラフィとアクセシビリティを強調しています。
コンテンツリンクにスキップする
Glassmorphismでスタイル設定されたレスポンシブな「コンテンツへスキップ」リンクコンポーネントで、補完的な配色、適度な複雑さ、およびビジネス/企業のWebサイトに適したダークモードのサポートを実装しています。このコンポーネントは、Tailwind CSSクラスを使用して純粋にHTMLで実装され、JavaScriptは必要ありません。
コンテンツリンクにスキップする
Neumorphismデザインスタイル、トライアドカラースキーム、ブログやコンテンツWebサイトの複雑なレイアウトを備えたコンテンツリンクコンポーネントにスキップします。レスポンシブデザインとTailwind CSSを使用したダークモードのサポートが含まれています。