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
Cyberpunk-Komponente für die Preisanzeige
Eine reaktionsschnelle Preisanzeigekomponente für Beratung/Dienstleistungen mit einer Cyberpunk-, futuristischen Neon-Ästhetik. Verfügt über dunkle Hintergründe, helle analoge Akzentfarben und unterstützt den Dunkelmodus.
Komponente "Preisanzeige"
Eine Preisanzeigekomponente im 3D-Stil, die den Dunkelmodus und reaktionsschnelle Effekte unterstützt und Produktpreisdetails anzeigt.
Komponente "Preisanzeige"
Eine komplexe Preisanzeigekomponente, die im skeuomorphen Stil entworfen wurde, reale Elemente nachahmt, geeignet für Blogs und den Konsum von Inhalten mit einem triadischen Farbschema und responsivem Design mit Unterstützung des Dunkelmodus.