#Basic

Example
<Modal isOpen={isOpen} close={close}>
  Example
</Modal>

#With heading

Set heading to a string.

Modal heading

Example
<Modal heading="Modal heading" isOpen={isOpen} close={close}>
  Example
</Modal>

#Props

isOpen*
Required
true
Type
boolean
Default
none
close*
Required
true
Type
() => void
Default
none
Notes
Use this to set isOpen to false.
heading
Required
false
Type
string
Default
none
children*
Required
true
Type
ComponentChild
Default
none
...rest
Required
false
Type
ComponentProps<"dialog">
Default
none
Notes
See the docs for rest parameters. For Modal, you could pass anything you normally would pass to <dialog> because the return value looks something like this:
<dialog class={containerClass} {...restWithoutClass}>
  {children}
</dialog>