コンテンツリンクにスキップする
ダッシュボード用に設計された、Webアプリケーションのアクセシビリティのためのコンテンツリンクへの最小限のスキップ。
HTMLコード
<a href="#main-content" class="sr-only focus:not-sr-only focus:absolute focus:top-0 focus:left-1/2 focus:-translate-x-1/2 focus:bg-gray-800 focus:text-white focus:px-4 focus:py-2 focus:rounded-b-lg focus:z-50 dark:focus:bg-gray-100 dark:focus:text-gray-900">Skip to main content</a>関連コンポーネント
コンテンツリンクにスキップする
マテリアルデザインの原則に沿ったコンテンツリンクコンポーネントにスキップし、レスポンシブデザイン、ダークモードのサポート、ソーシャルメディアアプリケーション向けのシンプルなモノクロ配色を特徴としています。
コンテンツリンクコンポーネントにスキップする
CRM/ビジネスツール用のシンプルで単色の、自然にインスパイアされた「コンテンツにスキップ」リンクコンポーネントで、ダークモードのサポートによりアクセシビリティと応答性を確保します。
コンテンツリンクコンポーネントにスキップする
3D 要素、アース トーンで設計され、ダッシュボード インターフェイス用に調整された コンテンツ リンク コンポーネントにスキップします。明るいテーマと暗いテーマの両方のスタイルが含まれています。