Modals
New! This component was just added to Kelp. Enjoy!
A modal is used to display content that temporarily blocks interactions with and floats in the center of the viewport on top of the main content.
Kelp’s modals are implemented using the <dialog> component. You can find the full documentation there.
<button
commandfor="my-modal"
command="show-modal"
>
Open Modal
</button>
<dialog id="my-modal">
This is a modal...
</dialog>