Onglets de conception matérielle
Composant Tabs avec style Material Design, effets réactifs et prise en charge du thème sombre à l’aide de Tailwind CSS, sans JavaScript.
HTML Code
<div class="material-tabs">
<div class="tab-header">
<div class="tab-button active">Tab 1</div>
<div class="tab-button">Tab 2</div>
<div class="tab-button">Tab 3</div>
</div>
<div class="tab-content active">
<h2>Content for Tab 1</h2>
<p>This is the content for the first tab. It uses Material Design principles for layout and appearance.</p>
</div>
<div class="tab-content">
<h2>Content for Tab 2</h2>
<p>This is the content for the second tab.</p>
</div>
<div class="tab-content">
<h2>Content for Tab 3</h2>
<p>This is the content for the third tab.</p>
</div>
</div>Composants associés
Composant Onglets
Un composant d’onglets réactifs conçu pour les interfaces de médias sociaux, avec des micro-interactions et un thème sombre. Le composant comprend plusieurs éléments interactifs et utilise Tailwind CSS.
Composant Onglets
Composant Responsive Tabs avec tons de terre et micro-interactions pour les sites Web d’entreprise, prenant en charge le mode sombre à l’aide de Tailwind CSS. Utilise uniquement les classes HTML et Tailwind.
Composant Onglets d’actualités Art Déco
Il s’agit d’un composant d’onglets complexe, réactif et luxueux de style « Art déco » conçu pour les sites d’actualités et de journalisme, avec des motifs géométriques, des couleurs analogues riches et la prise en charge du mode sombre. Il fournit plusieurs éléments interactifs pour la navigation dans le contenu.