Tailwind CSS : Créer un bouton en forme de pilule
P粉189606269
P粉189606269 2024-03-26 20:59:03
0
1
382

J'ai ce bouton :

<button onClick={() => removeTask(task)} class="text-xs text-red rounded-full">Delete</button>

J'aimerais voir quelque chose comme ceci : https://tailwindcss.com/docs/border-radius#pill-buttons

Cependant, je ne reçois pas le bouton en forme de pilule :

index.css

    @tailwind base;
    @tailwind components;
    @tailwind utilities;

tailwind.config.js

    module.exports = {
      content: ["./src/**/*.{html,js,jsx}"],
      theme: {
        extend: {},
      },
      plugins: [],
    };

P粉189606269
P粉189606269

répondre à tous(1)
P粉986860950

Pour voir la forme « pilule », votre bouton a besoin d'une bordure ou d'une couleur d'arrière-plan. Vous pouvez essayer quelque chose comme ceci :


Exemple de bac à sable : https://play.tailwindcss.com/j6K2e6ZL0J

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal