Перейти к ссылке на содержание
Минималистичная ссылка для перехода к содержимому для доступности в веб-приложениях, предназначенная для дашбордов.
HTML-код
<a href="#main-content" class="sr-only focus:not-sr-only focus:absolute focus:top-0 focus:left-1/2 focus:-translate-x-1/2 focus:bg-gray-800 focus:text-white focus:px-4 focus:py-2 focus:rounded-b-lg focus:z-50 dark:focus:bg-gray-100 dark:focus:text-gray-900">Skip to main content</a>Связанные компоненты
Перейти к компоненту Ссылка на контент
Визуально привлекательная ссылка «Перейти к содержимому» в 3D-стиле, которая помогает пользователям обойти навигационные меню в интерфейсе социальных сетей. Компонент использует дополнительную цветовую схему (синий и оранжевый) с 3D-эффектом, достигаемым за счет теней и преобразований. Отличается адаптивным дизайном и поддержкой темных тем. Ссылка отображается в левом верхнем углу окна просмотра, когда она сфокусирована или активна, что делает ее легко доступной для навигации с помощью клавиатуры, оставаясь незаметной, когда она не используется.
ПропуститьКСодержаниюСсылка
Перейдите к компоненту Content Link с интерфейсом темного режима, триадической цветовой схемой и простой сложностью для электронной коммерции.
Перейти к компоненту Ссылка на контент
Визуально привлекательный компонент ссылки «Перейти к содержимому», разработанный для информационных панелей с акцентом на микровзаимодействия, с использованием дополнительной цветовой схемы и поддержкой темного режима через Tailwind CSS.