コンテンツリンクにスキップする
コンテンツリンクコンポーネントにスキップ マテリアルデザインの原則、単色の配色、およびサポートするダークモードでスタイル化されたコンポーネント。eコマースWebサイトに適しており、JavaScriptなしでTailwind CSSを使用して構築されています。
HTMLコード
<a href="#main-content" class="sr-only focus:not-sr-only focus:absolute focus:top-4 focus:left-4 z-50 bg-gray-800 text-white px-4 py-2 rounded dark:bg-gray-200 dark:text-gray-900">Skip to content</a>関連コンポーネント
コンテンツリンクコンポーネントにスキップする
3D 要素、アース トーンで設計され、ダッシュボード インターフェイス用に調整された コンテンツ リンク コンポーネントにスキップします。明るいテーマと暗いテーマの両方のスタイルが含まれています。
ブルータリスト コンテンツリンクへスキップ (フォレスト/グリーン)
フォレスト/グリーンのカラーパレットを備えたブルータリズムスタイルでデザインされた、生々しく大胆な「コンテンツにスキップ」リンクコンポーネントで、予約/予約システムに適しています。レスポンシブで、ダークモードをサポートしています。
コンテンツリンクにスキップする
Neumorphismデザインスタイル、トライアドカラースキーム、ブログやコンテンツWebサイトの複雑なレイアウトを備えたコンテンツリンクコンポーネントにスキップします。レスポンシブデザインとTailwind CSSを使用したダークモードのサポートが含まれています。