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.
HTML Code
```html
<a href="#main-content" class="sr-only focus:not-sr-only fixed z-50 top-4 left-4 bg-stone-800 text-stone-100 px-6 py-3 rounded-md text-lg font-mono tracking-wide uppercase focus:outline-none focus:ring-2 focus:ring-stone-500 focus:ring-opacity-75 dark:bg-stone-100 dark:text-stone-800 dark:focus:ring-stone-400">
Skip to Content
</a>
<div id="main-content" class="focus:outline-none" tabindex="-1">
<!-- Page content goes here -->
</div>
```Composants associés
Aller au lien de contenu
Composant de lien aligné sur les principes de Material Design, avec une conception réactive, la prise en charge du mode sombre et une palette de couleurs monochromatique simple pour les applications de médias sociaux.
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
Glassmorphism Aller au contenu Lien présentant un effet de verre givré, le flou, la réactivité et la prise en charge du mode sombre à l’aide de Tailwind CSS, sans JavaScript.