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.
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 lien de contenu
Un composant de lien Skip to Content avec un style de conception Neumorphism, une palette de couleurs triadique et une mise en page complexe pour les blogs et les sites Web de contenu. Il inclut un design réactif et la prise en charge du mode sombre à l’aide de Tailwind CSS.
Aller au composant de lien de contenu
Un lien Skip to Content de style 3D visuellement attrayant qui aide les utilisateurs à contourner les menus de navigation sur une interface de réseau social. Le composant utilise une palette de couleurs complémentaires (bleu et orange) avec un effet 3D obtenu par des ombres et des transformations. Dispose d’un design réactif et d’un support de thème sombre. Le lien apparaît fixe en haut à gauche de la fenêtre d’affichage lorsqu’il est activé ou actif, ce qui le rend facilement accessible pour la navigation au clavier tout en restant discret lorsqu’il n’est pas utilisé.
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.