Перейти к ссылке на содержание
Компонент Skip to Content Link, стилизованный в соответствии с принципами Material Design, монохроматической цветовой схемой и поддерживающий темный режим. Он подходит для сайтов электронной коммерции и построен с использованием 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>Связанные компоненты
Перейти к компоненту Ссылка на контент
Визуально привлекательная ссылка «Перейти к содержимому» в 3D-стиле, которая помогает пользователям обойти навигационные меню в интерфейсе социальных сетей. Компонент использует дополнительную цветовую схему (синий и оранжевый) с 3D-эффектом, достигаемым за счет теней и преобразований. Отличается адаптивным дизайном и поддержкой темных тем. Ссылка отображается в левом верхнем углу окна просмотра, когда она сфокусирована или активна, что делает ее легко доступной для навигации с помощью клавиатуры, оставаясь незаметной, когда она не используется.
Перейти к ссылке на содержание
Компонент Skip to Content Link с 3D-дизайном в оттенках серого для бизнес-сайтов. Он адаптивный и поддерживает темный режим с использованием Tailwind CSS. Нет JavaScript.
Перейти к ссылке на содержание
Компонент Skip to Content Link со стилем дизайна Neumorphism, триадической цветовой схемой и сложным макетом для блогов и контентных веб-сайтов. Он включает в себя адаптивный дизайн и поддержку темного режима с использованием Tailwind CSS.