Skip to main content

Modal

The modal component provides a solid foundation for creating dialogs, popovers, lightboxes, or whatever else.

Import
import { Modal } from "@webeetle/windy";

Default#

Result
SyntaxError: Unexpected token (1:8)
1 : return ()
            ^
Live Editor

With Actions#

Result
SyntaxError: Unexpected token (1:8)
1 : return ()
            ^
Live Editor

Props#

PropsTypeDefault
isOpenboolfalse
showCloseButtonbooltrue
titlestring""
color[ "gray", "red", "yellow", "green", "blue", "indigo", "purple", "pink","none"]gray
rounded["xs", "sm", "md", "lg", "xl"]md
size["xs", "sm", "md", "lg", "xl"]md
actionsarray[]