Перейти к ссылке на содержание
Компонент 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>Связанные компоненты
Перейти к ссылке на содержание
Минималистичная ссылка для перехода к содержимому для доступности в веб-приложениях, предназначенная для дашбордов.
Перейти к компоненту Ссылка на контент
Компонент Skip to Content Link с использованием скевоморфных элементов, напоминающих физическую кнопку. Компонент будет иметь пастельную цветовую гамму, умеренную сложность, включая эффекты наведения, и поддержку темной темы.
Перейти к ссылке на содержание
Компонент ссылки «Перейти к содержимому» для специальных возможностей, предназначенный для панелей мониторинга в темном режиме с цветовой схемой в оттенках серого. Он в меру сложен из-за отзывчивости и стилизации темного режима. JavaScript не используется. Использует Tailwind CSS с префиксами dark: для поддержки темной темы.