Komponente "Preisanzeige"
Eine Komponente zur Anzeige eines minimalen Preises mit Unterstützung für reaktionsschnelle und dunkle Modi
HTML-Code
<div class="bg-white dark:bg-gray-800 rounded-lg px-6 py-8 ring-1 ring-slate-900/5 shadow-xl">
<div>
<span class="inline-flex items-center justify-center p-2 bg-indigo-500 rounded-md shadow-lg">
<svg class="h-6 w-6 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"></svg>
</span>
</div>
<h3 class="mt-5 text-base font-medium tracking-tight text-slate-900 dark:text-white">Price</h3>
<p class="mt-2 text-sm text-slate-500 dark:text-slate-400">
<span class="text-2xl font-bold text-slate-900 dark:text-white">$99.99</span>/month
</p>
</div>Verwandte Komponenten
Komponente "Preisanzeige"
Eine verspielte und fröhliche Preisanzeigekomponente mit abgerundeten Elementen und einer analogen Farbgebung, die sich für ein Portfolio eignet, um Arbeiten oder Produkte zu präsentieren. Es reagiert vollständig und unterstützt den Dunkelmodus.
Komponente "Preisanzeige"
Eine reaktionsschnelle Preisanzeigekomponente mit Neumorphism-Stil und komplementärem Farbschema, die für Blog-Inhalte mit Unterstützung des Dunkelmodus entwickelt wurde.
Komponente "Preisanzeige"
Preisanzeigekomponente mit Retro/Vintage-Ästhetik, responsivem Design und Unterstützung für den Dunkelmodus.