组件 跳至内容链接 跳过内容链接组件

跳过内容链接组件

一个为仪表板设计的响应式跳转内容链接组件,采用新拟态风格和大地色调。

预览

HTML 代码

<div class="flex justify-center mt-4">
    <a href="#content" class="bg-gray-200 dark:bg-gray-800 text-gray-800 dark:text-white px-4 py-2 rounded-lg shadow-lg transition ease-in-out duration-300 hover:shadow-xl focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-300 dark:focus:ring-offset-gray-900">
        Skip to Content
    </a>
</div>

相关组件

跳至内容链接

一个响应式跳转到内容链接组件,采用拟物化风格和柔和的颜色方案。该组件适用于博客和内容消费,并支持黑暗模式。

打开

SkipToContentLink

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

打开

跳到内容链接组件

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

打开