itsscb/htmx
1
0
Fork 0
mirror of https://github.com/bigskysoftware/htmx.git synced 2025-10-03 15:55:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update modal-custom.md

Browse Source 
Update modal example to use new wait for <eventName> syntax
This commit is contained in:
Ben Pate 2021-03-01 13:01:10 -07:00
parent 6ab08790b8
commit e25b7920bb
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
www/examples/modal-custom.md
View File

@ -25,7 +25,7 @@ We'll define some nice animations in CSS, and use some Hyperscript events (or al
### Modal HTML Fragment ### Modal HTML Fragment
```html ```html
<div id="modal" _="on closeModal add .closing then wait 150ms then remove me"> <div id="modal" _="on closeModal add .closing then wait for animationend then remove me">
<div class="modal-underlay" _="on click trigger closeModal"></div> <div class="modal-underlay" _="on click trigger closeModal"></div>
<div class="modal-content"> <div class="modal-content">
<h1>Modal Dialog</h1> <h1>Modal Dialog</h1>
@ -140,7 +140,7 @@ We'll define some nice animations in CSS, and use some Hyperscript events (or al
// routes // routes
init("/modal", function(request){ init("/modal", function(request){
return ` return `
<div id="modal" _="on closeModal add .closing then wait 150ms then remove me"> <div id="modal" _="on closeModal add .closing wait for animationend then remove me">
<div class="modal-underlay" _="on click trigger closeModal"></div> <div class="modal-underlay" _="on click trigger closeModal"></div>
<div class="modal-content"> <div class="modal-content">
<h1>Modal Dialog</h1> <h1>Modal Dialog</h1>