[筆記] 哎呀!不小心刻了一套 React UI 元件庫 28 – Modal

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

react logo


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


內容

需要引入 Portal,只是其內的 children 的內容空白。因此,Dialog 可以算是一種變體。

參數

isOpen – 開關
onClose – 關閉時觸發的 callback
hasMask – 決定要不要有遮罩層
animationDuration – 決定 Mask 開閉時要不要有動畫


程式碼

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


相關文章

[blogimove-CPC-TAG=createYourReactComponentLibrary-MODE=3-POSTNUM=10-ORDERBY=date-ORDERTYPE=desc]

按讚加入粉絲團

延伸閱讀