Skip to content

CAP foundations storybook initial setup#619

Open
leddie24 wants to merge 2 commits intomicrosoft:mainfrom
leddie24:user/edwl/2026-03/cap-foundations-storybook
Open

CAP foundations storybook initial setup#619
leddie24 wants to merge 2 commits intomicrosoft:mainfrom
leddie24:user/edwl/2026-03/cap-foundations-storybook

Conversation

@leddie24
Copy link

Add Storybook setup for cap-foundations

Sets up the Storybook development infrastructure for the cap-foundations package, following the same pattern as react-cap-theme.

What's included

  • .storybook/main.ts — extends root Storybook config, points to stories/ folder
  • .storybook/preview.tsx — uses root preview config (FluentProvider wrapping)
  • .storybook/tsconfig.json — Storybook TypeScript config
  • .babelrc — extends root babel config (required by Nx webpack loader)
  • stories/index.stories.tsx — placeholder story
  • stories/.gitkeep — preserves directory in git
  • project.json — added storybook (port 4400) and build-storybook targets
  • README.md — updated with package description and Storybook instructions

How to run

yarn nx storybook cap-foundations

Opens at http://localhost:4400

Notes

  • No actual token/component content yet — this is infrastructure only
  • Stories will be added as foundations are migrated from design-system-lab

@leddie24 leddie24 requested a review from a team as a code owner March 17, 2026 23:57
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant