@tokiforge/storybook

Storybook addon for TokiForge design tokens. View and switch themes directly in Storybook.

Installation

npm install @tokiforge/storybook @tokiforge/core

Usage

1. Register the addon in .storybook/main.js

export default {
  addons: [
    "@tokiforge/storybook",
    // ... other addons
  ],
};

2. Configure in .storybook/preview.js

import { withTokiForge, tokiforgeParameters } from "@tokiforge/storybook";
import { themeConfig } from "../src/themes";

export const decorators = [
  withTokiForge({
    config: themeConfig,
    enableThemeSwitcher: true,
    enableTokenViewer: true,
  }),
];

export const parameters = {
  ...tokiforgeParameters({
    config: themeConfig,
    enableThemeSwitcher: true,
    enableTokenViewer: true,
  }),
};

Features

• Theme switcher in toolbar
• Token viewer in addon panel
• Automatic theme initialization
• Theme change events
• TypeScript support

License

AGPL-3.0