About this example
The examples/astro 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
@astrojs/preact.
- No Tailwind, no preflight stylesheet, no design-system dependency.
-
Storage prefix
astro-example-tokens, console namespaceastroExample. - Palette CSS-var template
--astroexample-palette-{n}. -
Apply endpoint
/api/dev/applyproxied by Vite to the bin sidecar on port 24682.
Verify across navigation
Open the panel via
window.astroExample.toggleDesignPanel(), change a token,
then navigate back to home. The new value should
still apply — proving the host adapter's astro:page-load reapply path works
end-to-end.
Also try the prose demo to see typography tokens in action.
Palette swatches (mirrored)
0
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15