跳至内容链接

一个跳到内容链接组件，按照材料设计原则进行样式设计，使用单色方案，并支持暗模式。适合电子商务网站，使用Tailwind CSS构建，无需JavaScript。

预览

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>

相关组件

跳至内容链接

跳到内容链接组件，具有 Neumorphism 设计样式、三元配色方案以及适用于博客和内容网站的复杂布局。它包括响应式设计和使用 Tailwind CSS 的深色模式支持。

打开

SkipToContentLink

跳至具有深色模式 UI、三色配色方案和电子商务的简单复杂性的内容链接组件。

打开

跳至内容链接组件

一个中构的“跳到内容”链接组件，用于技术/SaaS 应用程序中的可访问性，具有紫色/紫色配色方案和完全响应能力，支持深色模式。

打开