Set up Storybook for component development #8

Closed
opened 2026-07-22 21:17:45 +00:00 by Ninosaurier · 1 comment
Owner

Context

An interactive component explorer is needed so components can be developed, visually reviewed, and manually tested for accessibility behavior in isolation, without needing a full consuming application.

What was done

  • Set up Storybook directly inside packages/luna-charts, co-located with the component source it documents (rather than as a separate apps/storybook package — see the ADR-0001 update)
  • Confirmed Storybook correctly picks up and renders Stencil-compiled Web Components

Outcome

  • Storybook configuration available under packages/luna-charts/.storybook
  • Ready to be used for visually developing and reviewing the first real chart components

Related

  • packages/luna-charts/.storybook
  • docs/.../architecture/adr/000100-repository-structure.mdx
## Context An interactive component explorer is needed so components can be developed, visually reviewed, and manually tested for accessibility behavior in isolation, without needing a full consuming application. ## What was done - Set up Storybook directly inside `packages/luna-charts`, co-located with the component source it documents (rather than as a separate `apps/storybook` package — see the ADR-0001 update) - Confirmed Storybook correctly picks up and renders Stencil-compiled Web Components ## Outcome - Storybook configuration available under `packages/luna-charts/.storybook` - Ready to be used for visually developing and reviewing the first real chart components ## Related - `packages/luna-charts/.storybook` - `docs/.../architecture/adr/000100-repository-structure.mdx`
Ninosaurier added this to the v0.2.0 - Phase 2: Foundation milestone 2026-07-22 21:17:45 +00:00
Ninosaurier self-assigned this 2026-07-22 21:17:45 +00:00
Ninosaurier added the Kind/EnhancementPriority/Medium labels 2026-07-22 21:21:06 +00:00
Author
Owner

Storybook is working fine within StencilJS, but it currently shows the message: 'Couldn't find any stories in your Storybook.' This is just because no components have been created yet.

Storybook is working fine within StencilJS, but it currently shows the message: 'Couldn't find any stories in your Storybook.' This is just because no components have been created yet.
Ninosaurier added reference storybook/#8-set-up 2026-09-01 13:24:31 +00:00
Ninosaurier added the Status/Awaiting Release label 2026-09-01 14:27:03 +00:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: Ninosaurier/LUNA-Charts#8