コンテンツリンクにスキップする
コンテンツリンクコンポーネントにスキップ マテリアルデザインの原則、単色の配色、およびサポートするダークモードでスタイル化されたコンポーネント。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>関連コンポーネント
コンテンツリンクコンポーネントにスキップする
物理ボタンに似たスキューモーフィック要素で設計された Skip to Content Link コンポーネント。このコンポーネントには、パステル調の配色、ホバー効果を含む適度な複雑さ、ダーク テーマのサポートがあります。
コンテンツリンクコンポーネントにスキップする
3D 要素、アース トーンで設計され、ダッシュボード インターフェイス用に調整された コンテンツ リンク コンポーネントにスキップします。明るいテーマと暗いテーマの両方のスタイルが含まれています。
コンテンツリンクにスキップする
Neumorphismデザインスタイル、トライアドカラースキーム、ブログやコンテンツWebサイトの複雑なレイアウトを備えたコンテンツリンクコンポーネントにスキップします。レスポンシブデザインとTailwind CSSを使用したダークモードのサポートが含まれています。