[筆記] 哎呀！不小心刻了一套 React UI 元件庫 25 – Skeleton

近期為了熟悉元件 Component 的客製化，便參照「哎呀！不小心刻了一套 React UI 元件庫」一書進行練習。這篇筆記下 Skeleton 的實踐方法。

---

[ Repo ]：https://github.com/andy922200/practice-storybook-react

---

內容

概念

1. 可以是單純色塊
2. 若要加上動畫的話，簡易的話就是 opacity 改變而成的閃爍，或是光暈移動 (用漸層光暈移動，然後超過用 overflow: hidden 隱藏)
3. Skeleton 本身就如同不同形式的基本積木，你可以在外部將其包裝、排列、調整大小尺寸

---

程式碼

https://github.com/andy922200/practice-storybook-react/commit/9972ebc368ec706d1b1bc4ed31fc074b6a50972c

---

相關文章

按讚加入粉絲團

延伸閱讀

• [筆記] 程式必修課！離散數學與演算法 – 8
• [筆記] 程式必修課！離散數學與演算法 – 7
• [筆記] 實作動畫 div 移入效果需注意滾軸所造成的影響
• [筆記] 程式必修課！離散數學與演算法 – 6
• [筆記] 程式必修課！離散數學與演算法 – 5