Aller au lien de contenu

Composant de lien Aller au contenu conçu selon les principes de Material Design, une palette de couleurs monochromatique et prenant en charge le mode sombre. Il convient aux sites Web de commerce électronique et est construit à l’aide de Tailwind CSS sans JavaScript.

Aperçu

HTML Code

<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>

Composants associés

Aller au composant de lien de contenu - Skeuomorphisme en niveaux de gris

Un lien simple et réactif « Skip to Content » avec un design skeuomorphique en niveaux de gris pour le contenu du blog. Inclut la prise en charge du mode sombre.

Ouvrir

Aller au lien de contenu

Un composant de lien « Aller au contenu » pour l’accessibilité, conçu pour les tableaux de bord en mode sombre avec une palette de couleurs en niveaux de gris. Il est modérément complexe en raison du style réactif et du mode sombre. Aucun JavaScript n’est utilisé. Utilise Tailwind CSS avec les préfixes dark : pour la prise en charge du thème sombre.

Ouvrir

Aller au lien de contenu - Rétro monochromatique

Aller au composant de lien de contenu avec un design rétro/vintage, une palette de couleurs monochromatique et une complexité simple.

Ouvrir