我有這個按鈕:
<button onClick={() => removeTask(task)} class="text-xs text-red rounded-full">Delete</button>
我希望看到類似的東西: https://tailwindcss.com/docs/border-radius#pill-buttons
但是,我沒有得到藥丸形狀的按鈕:
index.css
#@tailwind base; @tailwind components; @tailwind utilities;
tailwind.config.js
module.exports = { content: ["./src/**/*.{html,js,jsx}"], theme: { extend: {}, }, plugins: [], };
為了看到「藥丸」形狀,您的按鈕需要邊框或背景顏色。你可以嘗試這樣的事情:
沙盒範例:https://play.tailwindcss.com/j6K2e6ZL0J
#