近期為了熟悉元件 Component 的客製化,便參照「哎呀!不小心刻了一套 React UI 元件庫」一書進行練習。這篇筆記下 Modal 的實踐方法。
[ Repo ]:https://github.com/andy922200/practice-storybook-react
內容
需要引入 Portal,只是其內的 children 的內容空白。因此,Dialog 可以算是一種變體。
參數
isOpen – 開關
onClose – 關閉時觸發的 callback
hasMask – 決定要不要有遮罩層
animationDuration – 決定 Mask 開閉時要不要有動畫
程式碼
相關文章
[blogimove-CPC-TAG=createYourReactComponentLibrary-MODE=3-POSTNUM=10-ORDERBY=date-ORDERTYPE=desc]
按讚加入粉絲團