Composants Affichage des prix Composant d’affichage des prix

Composant d’affichage des prix

Un composant d’affichage de prix minimal avec prise en charge du mode réactif et sombre

Aperçu

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>

Composants associés

Composant d’affichage des prix

Un composant d’affichage de prix complexe et réactif pour un tableau de bord, avec prise en charge du thème sombre, utilisant Tailwind CSS dans un design plat minimaliste en niveaux de gris.

Ouvrir

Composant d’affichage des prix

Un composant complexe d’affichage des prix de style rétro-vintage pour les portefeuilles, doté d’une palette de couleurs triadique, d’une réactivité et d’une prise en charge du mode sombre à l’aide de Tailwind CSS. Aucun JavaScript n’est inclus.

Ouvrir

Composant d’affichage des prix

Un composant d’affichage de prix réactif avec un style Neumorphisme et une palette de couleurs complémentaire, conçu pour le contenu de blog avec prise en charge du mode sombre.

Ouvrir