SkipToContentLink (コンテンツにスキップするリンク)
ダークモードUI、トライアドカラースキーム、およびEコマース向けのシンプルな複雑さを備えたコンテンツリンクコンポーネントにスキップします。
HTMLコード
<template>
<a href="#main-content" class="sr-only focus:not-sr-only focus:absolute focus:top-0 focus:left-0 focus:z-50 focus:bg-purple-900 focus:text-lime-300 focus:p-3 focus:border-b-4 focus:border-cyan-400 dark:focus:bg-purple-900 dark:focus:text-lime-300 dark:focus:border-cyan-400">Skip to main content</a>
</template>関連コンポーネント
コンテンツリンクにスキップする
Glassmorphismでスタイル設定されたレスポンシブな「コンテンツへスキップ」リンクコンポーネントで、補完的な配色、適度な複雑さ、およびビジネス/企業のWebサイトに適したダークモードのサポートを実装しています。このコンポーネントは、Tailwind CSSクラスを使用して純粋にHTMLで実装され、JavaScriptは必要ありません。
コンテンツリンクコンポーネントにスキップする
テクノロジー/SaaSアプリケーションのアクセシビリティのためのニューモーフィックな「コンテンツにスキップ」リンクコンポーネントで、紫/紫の配色とダークモードのサポートによる完全な応答性が特徴です。