Gluon browser package · 1.10.0
@gluonjs/gluon-components-vite
The official Storybook renderer and Vite framework for Gluon components.
Install and start
Install the public package at the same version as the rest of the Gluon train:
npm install @gluonjs/gluon-components-viteimport type { StorybookConfig } from '@gluonjs/gluon-components-vite';
const config = {
stories: ['../src/**/*.stories.ts'],
framework: '@gluonjs/gluon-components-vite',
} satisfies StorybookConfig;
export default config;Purpose
Official Storybook renderer and Vite framework for Gluon components.
Use cases
- Storybook rendering for Gluon component libraries.
- Renderer-owned DOM and stylesheet cleanup when stories change.
- Preview, preset, and renderer-preset integration.
Public entry points
Only these package exports are part of the supported public boundary.
- @gluonjs/gluon-components-vite
- @gluonjs/gluon-components-vite/entry-preview
- @gluonjs/gluon-components-vite/preset
- @gluonjs/gluon-components-vite/renderer-preset
Dependencies and peers
Installed dependencies
- @gluonjs/core · runtime dependency
- @storybook/builder-vite · runtime dependency
Peer dependencies
- @gluonjs/core@1.10.0
- storybook@^10.5.3
- vite@^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0
API reference
Open an entry point above for generated symbol documentation and a reviewed example for every public symbol. Application code must import from this package entry point, never from repository source paths.
Scope and limits
- Does not replace the component library or application runtime.
- Requires Storybook and Vite in the host project.
Related guides
Verified integration notes
- Depends on `@gluonjs/core` and peers on Storybook plus Vite.
- Exports `.` plus `./entry-preview`, `./preset`, and `./renderer-preset`.