https://github.com/ndrean/vanjs-dialog-modal

Modal component & routing with Van.js
https://github.com/ndrean/vanjs-dialog-modal

universal-router vanjs

Last synced: 10 days ago
JSON representation

Modal component & routing with Van.js

• Host: GitHub
• URL: https://github.com/ndrean/vanjs-dialog-modal
• Owner: ndrean
• Created: 2023-06-03T08:26:23.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-08-15T16:48:45.000Z (over 1 year ago)
• Last Synced: 2024-11-02T14:42:33.762Z (17 days ago)
• Topics: universal-router, vanjs
• Language: JavaScript
• Homepage: https://van-modal.surge.sh
• Size: 109 KB
• Stars: 8
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: Readme.md

Awesome Lists containing this project

README

        
# Explore Van.js

A [VanJS](https://vanjs.org/) powered demo app, with routing. No CSS-in-JS.

Mainly featuring a **Modal** component (``) heavily following [this model](https://github.com/FredericHeem/van-kit).

> To enable the "click-out", you need to pass an ID to the dialog.

## Features

- Navigation powered by [Universal Router](https://github.com/kriasoft/universal-router) with async loading.

- Modal (``) components with forms.

- Example with `` and `` 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 +

## Display

- The build is deployed with [Surge](https://surge.sh/) at 

- To use Codesanbox, insert "box" in the current url: 

- The Dev mode is powered by Vite. To display on mobile on the same WIFI: server it, and open it.

```bash

npm run build

http-server ./dist -b 0.0.0.0 -p 8080

```

and navigate with the mobile to