Modal/Drawer

[travor20814]

問題

1. Modal 和 Drawer 有 7 成以上 code 相同，同樣使用 <Overlay> + <SlideFade>，只差在

• Modal 因為在 spec 上有包含 <ModalHeader>, <ModalBody>, <ModalFooter>，所以 <Modal> 會吃 severity, size 等 props 來統一控制 children

<Modal severity="info" size="medium">
   <ModalHeader></ModalHeader>
   <ModalBody></ModalBody>
</Modal>

• Drawer 則是 render 一個 div 吃 children 而已

<Drawer>
   content
</Drawer>

[travor20814]

ANS

1. 將 Modal 和 Drawer 共用的部分，從 <Overlay> + <SlideFade> + 中間實作的 keyboard event capture，應該能包成一個 hook export 出來 => useModalContainer + <SlideFadeOverlay />

[travor20814]

#119