跳至内容链接

用于电子商务的极简主义跳至内容链接组件，具有鲜艳的色彩、响应式设计和深色模式支持。

预览

HTML 代码

<a href="#main-content" class="sr-only focus:not-sr-only focus:absolute focus:top-4 focus:left-4 focus:bg-pink-500 focus:text-white focus:p-3 focus:rounded-lg focus:z-50 dark:focus:bg-purple-700 dark:focus:text-yellow-300">Skip to main content</a>

相关组件

跳至内容链接组件

一个视觉上引人入胜的“跳到内容”链接组件，专为仪表板设计，侧重于微交互，通过 Tailwind CSS 利用互补配色方案和深色模式支持。

打开

跳至内容链接

跳至符合 Material Design 原则的内容链接组件，该组件具有响应式设计、深色模式支持和适用于社交媒体应用程序的简单单色配色方案。

打开

跳到内容链接组件

一个设计有拟物化元素类似于物理按钮的跳转到内容链接组件。该组件将采用柔和的色彩方案，适中的复杂性，包括悬停效果，并支持黑暗主题。

打开