feat: add Storybook to document React components#10
Merged
Conversation
Gnuk
commented
Jun 12, 2026
Gnuk
force-pushed
the
9-add-storybook-to-document-react-components
branch
from
b5baf14 to
7c18ab9
Compare
Document the 14 exported React components with Storybook 10 (react-vite), one CSF3 story file per component under react/stories/. Stories render against the built @ippon-ui/styles stylesheet loaded in the preview. The react package dev/build scripts now drive Storybook: dev serves it on port 4230, build chains the library build (build:lib) then the static Storybook (build:storybook). Exposed via mise tasks react-dev / react-build. Closes #9 Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Gnuk
force-pushed
the
9-add-storybook-to-document-react-components
branch
from
7c18ab9 to
84b82f5
Compare
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
What
Documents the 14 exported React components with Storybook 10 (
@storybook/react-vite).react/stories/(Button, Badge, Card, ButtonCard, Container, Grid, HSpace, VSpace, Icon, Ion, ImportFile, Meter, Progress, Text, Title)..storybook/preview.tsloads the built@ippon-ui/stylesstylesheet (fonts + icons +tikui.css) so stories render with real styling; autodocs enabled globally.Tooling
reactpackage scripts now drive Storybook:dev→ Storybook serve on port 4230build→build:lib(published library, unchanged) thenbuild:storybook(static Storybook)mise react-devandmise react-build.pnpm buildnow chains the Storybook build, CI validates that Storybook compiles via the existing build step (no separate CI step, no deployment).Notes
src/so the published library bundle, its.d.ts, and Vitest coverage stay scoped tosrc.react/tsconfig.storybook.json(not referenced by the lib build).storybook-static/added to.gitignore/.prettierignore.Verified:
mise react-build,mise react-lint, storiestsctypecheck,mise format-ci,mise test-unit-ci(210 react + 4 styles tests) all green.Closes #9
🤖 Generated with Claude Code