About this example
The examples/next sub-package consumes @takazudo/zudo-design-token-panel through its built artifact only — there are no deep imports into dist/, no bundler aliases, and no framework integration beyond the 'use client' bootstrap component.
- No Tailwind, no preflight stylesheet, no design-system dependency.
- Storage prefix
next-example-tokens, console namespacenextExample. - Palette CSS-var template
--nextexample-palette-{n}. - Apply endpoint
/api/dev/applyhandled by a Next API route (app/api/dev/apply/route.dev.ts) that forwards to the bin sidecar on port 24684.
Verify across navigation
Open the panel via
window.nextExample.toggleDesignPanel(), change a token, then navigate back to home. The new value should still apply — proving the host adapter survives Next.js soft navigation end-to-end.See the prose demo page for typography tokens in action.
Palette swatches (mirrored)
0
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15