Live Demo
The page below loads real build artifacts: a full picker, a current-color preview, and an event log.
Where do the assets come from?
docs/scripts/prepare-demo.mjs copies these before dev / build:
packages/ew-color-picker/dist/index.min.jspackages/style/dist/index.csspackages/style/dist/input-number.css
If the iframe is blank, run pnpm run build:all in the repository root first.
What the demo shows
| Area | Description |
|---|---|
| Picker | defaultColor: '#6366f1', presets and mode switching enabled |
| Color card | Updates live from change |
| Event log | Listens to change / toggle / sure / clear / mode-change / destroy |
Run locally
bash
pnpm run build:all
pnpm run docs:dev