https://benzhub.github.io/tags/%E5%9B%9E%E9%A5%8B/Recent content in 回饋 on BenzHubHugozh-TWSat, 05 Sep 2026 00:00:00 +0000https://benzhub.github.io/post/tailwindcss/036-feedback-patterns/Sat, 05 Sep 2026 00:00:00 +0000https://benzhub.github.io/post/tailwindcss/036-feedback-patterns/<blockquote> <p><strong>回饋(Feedback)</strong> 是介面對使用者每一次操作的回應——你點了儲存,它得告訴你成功了;你按了刪除,它得先問你確定嗎;資料還在載入,它得讓你知道別急。這一篇用 <strong>TailwindCSS</strong> 把原生 <code>&lt;dialog&gt;</code> <strong>Modal</strong>、右上角滑入的 <strong>Toast</strong>、純 CSS 的 <strong>Tooltip</strong>、四色語意的 <strong>Alert</strong>、<code>animate-pulse</code> 的 <strong>skeleton</strong> 與 spinner,以及 <strong>Progress</strong> 進度條一次做齊,搭配 v4 的 <code>@starting-style</code> 進場動畫與少量 JS,兼顧美觀、流暢與無障礙。</p> </blockquote>