A VanJS powered demo app, with routing. No CSS-in-JS.
https://githubbox.com/ndrean/vanjs-dialog-modal
Mainly featuring a Modal component (<Dialog>
) heavily following this model.
To enable the "click-out", you need to pass an ID to the dialog.
- Navigation powered by Universal Router with async loading.
- Modal (
<dialog>
) components with forms. - Example with
<Select>
and<Datalist>
with autocomplete. - The state is passed into the
context
object, thus updated on each component update (new navigation page). - No CSS in JS.
- Vite bundled: 5.5k +
-
The build is deployed with Surge at https://van-modal.surge.sh
-
To use Codesanbox, insert "box" in the current url: https://githubbox.com/ndrean/vanjs-dialog-modal
-
The Dev mode is powered by Vite. To display on mobile on the same WIFI: server it, and open it.
npm run build
http-server ./dist -b 0.0.0.0 -p 8080
and navigate with the mobile to http://127.0.0.1:8080