Skip to content

Аддон Storybook

withFeatureToggles() — декоратор Storybook, устанавливающий плагин с набором флагов по умолчанию, переопределяемых на уровне истории.

ts
function withFeatureToggles(
  defaultFlags?: Record<string, FlagValue>,
  options?: Omit<FeatureTogglesOptions, 'flags' | 'loader'>,
)
ts
// .storybook/preview.ts
import { withFeatureToggles } from 'vue-feature-toggles/storybook'

export const decorators = [
  withFeatureToggles({ betaSearch: false }), // глобальные значения по умолчанию
]
ts
// MyComponent.stories.ts
export const WithBetaSearch: Story = {
  parameters: {
    featureToggles: {
      betaSearch: true,
      newDashboard: false,
    },
  },
}

parameters.featureToggles каждой истории объединяется поверх defaultFlags. Второй, опциональный аргумент options принимает любую другую опцию плагина, кроме flags/loader (например, meta, groups, rules) — полезно, чтобы держать не зависящую от истории конфигурацию (вроде метаданных флагов) вне каждого отдельного файла истории.

Точка входа vue-feature-toggles/storybook исключена из продакшен-бандла.