Beautifully designed Modal Component built with Radix UI and Tailwind CSS.

Click the button below to present a modal. You can also click outside the modal to dismiss it.

<ModalContainer />

<ModalContainer /> 组件是使用 <Modal /><Sheet /> 前置组件。

ModalContainerProps

nametypeoptionaldefaultdescription
clickOutsideToDismissboolean | undefinedtruen/a
modalClassNamestring | undefinedtruen/a
modalContainerClassNamestring | undefinedtruen/a
sheetboolean | undefinedtruen/aIf not passed, it will be always false, so will can't switch to sheet mode in mobile.
manyfalsen/aFramer motion motion element.