feat(storybook): adding Blazing Story storybook by kdinev · Pull Request #199 · IgniteUI/igniteui-blazor

kdinev · 2026-05-13T12:15:40Z

Closes #

Additional information (check all that apply):

Checklist:

All relevant tags have been applied to this PR
This PR includes general feature table updates in the root README.MD
This PR includes CHANGELOG.MD updates for newly added functionality
This PR contains breaking changes
This PR includes behavioral changes and the feature specification has been updated with them

Copilot

Pull request overview

Adds a new Blazing Story-based stories project for Ignite UI for Blazor Lite demos, updates solution/build assets to include it, and refreshes related component guidance and web component dependencies.

Changes:

Adds stories/ Blazor Server/Blazing Story app with stories for many Ignite UI components.
Updates build/dependency setup for igniteui-webcomponents 7.1.x, Node 22, theme copying, and solution inclusion.
Adjusts skills/reference docs for updated Tabs usage.

Reviewed changes

Copilot reviewed 62 out of 63 changed files in this pull request and generated 4 comments.

Show a summary per file

File	Description
`.agents/skills/blazing-story-story/SKILL.md`	Adds agent guidance for creating Blazing Story files.
`.github/workflows/ci.yml`	Updates CI Node.js version to 22.
`IgniteUI.Blazor.Lite.csproj`	Updates XML docs name, excludes stories, and adds npm prebuild work.
`IgniteUI.Blazor.Lite.sln`	Adds the stories solution folder and project.
`package.json`	Updates web component dependency and npm scripts.
`package-lock.json`	Locks updated npm dependency graph.
`skills/igniteui-blazor-components/references/layout.md`	Updates Tabs reference guidance.
`skills/igniteui-blazor-generate-from-image-design/references/gotchas.md`	Removes obsolete Tabs gotcha.
`stories/IgniteUI.Blazor.Stories.csproj`	Adds the Blazing Story project.
`stories/IgniteUI.Blazor.Stories.csproj.user`	Adds local debug profile settings.
`stories/Program.cs`	Configures the stories app pipeline and services.
`stories/Properties/launchSettings.json`	Adds local launch profiles.
`stories/appsettings.json`	Adds default stories app settings.
`stories/appsettings.Development.json`	Adds development logging settings.
`stories/Components/_Imports.razor`	Adds shared Razor imports for stories.
`stories/Components/App.razor`	Hosts the Blazing Story app.
`stories/Components/Pages/IndexPage.razor`	Adds the storybook shell page.
`stories/Components/Pages/IFramePage.razor`	Adds the story canvas iframe page.
`stories/Components/Shared/IconRegistrar.razor`	Registers demo SVG icons.
`stories/Components/Stories/Accordion.stories.razor`	Adds Accordion stories.
`stories/Components/Stories/Avatar.stories.razor`	Adds Avatar stories.
`stories/Components/Stories/Badge.stories.razor`	Adds Badge stories.
`stories/Components/Stories/Banner.stories.razor`	Adds Banner story.
`stories/Components/Stories/Button.stories.razor`	Adds Button stories.
`stories/Components/Stories/ButtonGroup.stories.razor`	Adds ButtonGroup stories.
`stories/Components/Stories/Calendar.stories.razor`	Adds Calendar stories.
`stories/Components/Stories/Card.stories.razor`	Adds Card stories.
`stories/Components/Stories/Carousel.stories.razor`	Adds Carousel stories.
`stories/Components/Stories/Checkbox.stories.razor`	Adds Checkbox stories.
`stories/Components/Stories/Chip.stories.razor`	Adds Chip stories.
`stories/Components/Stories/CircularProgress.stories.razor`	Adds CircularProgress stories.
`stories/Components/Stories/DatePicker.stories.razor`	Adds DatePicker stories.
`stories/Components/Stories/DateRangePicker.stories.razor`	Adds DateRangePicker stories.
`stories/Components/Stories/DateTimeInput.stories.razor`	Adds DateTimeInput story.
`stories/Components/Stories/Dialog.stories.razor`	Adds Dialog stories.
`stories/Components/Stories/Divider.stories.razor`	Adds Divider stories.
`stories/Components/Stories/Dropdown.stories.razor`	Adds Dropdown story.
`stories/Components/Stories/ExpansionPanel.stories.razor`	Adds ExpansionPanel stories.
`stories/Components/Stories/Icon.stories.razor`	Adds Icon stories.
`stories/Components/Stories/IconButton.stories.razor`	Adds IconButton stories.
`stories/Components/Stories/Input.stories.razor`	Adds Input stories.
`stories/Components/Stories/LinearProgress.stories.razor`	Adds LinearProgress stories.
`stories/Components/Stories/List.stories.razor`	Adds List story.
`stories/Components/Stories/MaskInput.stories.razor`	Adds MaskInput stories.
`stories/Components/Stories/Navbar.stories.razor`	Adds Navbar story.
`stories/Components/Stories/NavDrawer.stories.razor`	Adds NavDrawer story.
`stories/Components/Stories/Radio.stories.razor`	Adds RadioGroup stories.
`stories/Components/Stories/RangeSlider.stories.razor`	Adds RangeSlider stories.
`stories/Components/Stories/Rating.stories.razor`	Adds Rating stories.
`stories/Components/Stories/Ripple.stories.razor`	Adds Ripple story.
`stories/Components/Stories/Select.stories.razor`	Adds Select stories.
`stories/Components/Stories/Slider.stories.razor`	Adds Slider stories.
`stories/Components/Stories/Snackbar.stories.razor`	Adds Snackbar story.
`stories/Components/Stories/Stepper.stories.razor`	Adds Stepper stories.
`stories/Components/Stories/Switch.stories.razor`	Adds Switch stories.
`stories/Components/Stories/Tabs.stories.razor`	Adds Tabs stories.
`stories/Components/Stories/Textarea.stories.razor`	Adds Textarea stories.
`stories/Components/Stories/TileManager.stories.razor`	Adds TileManager stories.
`stories/Components/Stories/Toast.stories.razor`	Adds Toast story.
`stories/Components/Stories/ToggleButton.stories.razor`	Adds ToggleButton stories.
`stories/Components/Stories/Tooltip.stories.razor`	Adds Tooltip story.
`stories/Components/Stories/Tree.stories.razor`	Adds Tree stories.
`stories/Components/Stories/Welcome.md`	Adds welcome/getting-started page.

+<?xml version="1.0" encoding="utf-8"?>
+<Project ToolsVersion="Current" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
+  <PropertyGroup>
+    <ActiveDebugProfile>https</ActiveDebugProfile>
+  </PropertyGroup>
+</Project>


damyanpetev · 2026-05-14T12:55:23Z

+  <Target Name="PreBuild" BeforeTargets="PreBuildEvent">
+    <Exec Command="npm run build &amp;&amp; npm run copythemes" />


True, I keep getting errors like

even though it's there and likely due to the parallel build

Disabled for the moment.

Document npm install + npm run build + npm run copythemes in a Readme section for running the project locally.

Added a "Running the Stories Project Locally" section to the README in dfe8c3f documenting the required steps:

npm install npm run build npm run copythemes dotnet run --project stories/IgniteUI.Blazor.Stories.csproj

-    "igniteui-webcomponents": "~6.3.6",
-    "lit": "^3.1.2",
-    "lit-html": "^3.1.2"
+    "igniteui-webcomponents": "~7.1.3"


damyanpetev · 2026-05-14T13:05:41Z

@copilot address the remaining comments

… dep, add stories README section Agent-Logs-Url: https://github.com/IgniteUI/igniteui-blazor/sessions/73fa691d-f7e6-4f77-9fe0-7ab4573d3399 Co-authored-by: damyanpetev <3198469+damyanpetev@users.noreply.github.com>

damyanpetev

Can't really verify all the stories code, most seem to load fine at least.
There's a ton of things to address still like the size of the iframe container since it doesn't fit all most dropdowns:

There's also the visible error message on each story (that's normally hidden) and the lack of at least some padding, so there's definitely something off with the iframe samples styling (or lack there of).

The options also don't seem to work, e.g. setting a mask in
https://localhost:7231/?path=/docs/forms-maskinput--docs
does nothing

Same for `Outlined` and possibly many others.

Bare minimum, merging now for the critical skills fix. The rest can be addressed later.

damyanpetev · 2026-05-14T13:23:39Z

-    "igniteui-webcomponents": "~6.3.6",
-    "lit": "^3.1.2",
-    "lit-html": "^3.1.2"
+    "igniteui-webcomponents": "~7.1.3",


This change should not have been applied here, now and/or without the actual update of components. It seems most things work, but an actual update should be done as 7.0.0 did have some breaking changes that likely are left dangling in the Blazor source, besides not offering the new additions.

damyanpetev · 2026-05-14T13:24:00Z

+    <Compile Remove="stories\**" />
    <Compile Remove="tests\**" />


This should've been a flag the structure of the source is set up for a single project and should've been moved, but that shipped sailed with the addition of the test project and we'll have to untangle those anyway and that can be done separately.

damyanpetev · 2026-05-14T13:27:06Z

+builder.Services.AddRazorComponents()
+    .AddInteractiveServerComponents();
+
+builder.Services.AddIgniteUIBlazor();


This one we might need to investigate further - guessing none of the small components have optional modules that won't auto-load, but still need to verify this is actually a good example to be pushing.

kdinev added 7 commits May 13, 2026 15:15

feat(storybook): adding Blazing Story storybook

e7af9f7

chore(*): updating node to 22

723e8ff

chore(*): leaving copythemes as a manual step

fe18125

build(*): returning copythemes

be4bd23

Merge branch 'master' into blazing-story

a16ad5d

feat|(stories): updating all composite component stories

a28976b

fix(skills): removing wrong doc from the tabs skill

f62f248

kdinev requested review from Copilot and damyanpetev May 14, 2026 12:20

kdinev added 📖 storybook Related to any repository using storybook demos labels May 14, 2026

Copilot started reviewing on behalf of kdinev May 14, 2026 12:21 View session

Copilot AI reviewed May 14, 2026

View reviewed changes

damyanpetev added 2 commits May 14, 2026 16:02

chore(stories): fix dropdown story button target

e70897c

chore: disable build script for now

0824205

Copilot started work on behalf of damyanpetev May 14, 2026 13:05 View session

Copilot finished work on behalf of damyanpetev May 14, 2026 13:10

docs: update readme

91cf043

damyanpetev reviewed May 14, 2026

View reviewed changes

damyanpetev approved these changes May 14, 2026

View reviewed changes

damyanpetev added the squash-merge Merge PR with "Squash and Merge" option label May 14, 2026

damyanpetev merged commit 0c33b3e into master May 14, 2026
7 checks passed

damyanpetev deleted the blazing-story branch May 14, 2026 13:37

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat(storybook): adding Blazing Story storybook#199

feat(storybook): adding Blazing Story storybook#199
damyanpetev merged 11 commits into
masterfrom
blazing-story

kdinev commented May 13, 2026

Uh oh!

Copilot AI left a comment

Uh oh!

damyanpetev May 14, 2026

Uh oh!

damyanpetev May 14, 2026

Uh oh!

Copilot AI May 14, 2026

Uh oh!

Uh oh!

damyanpetev commented May 14, 2026

Uh oh!

damyanpetev left a comment

Uh oh!

damyanpetev May 14, 2026

Uh oh!

damyanpetev May 14, 2026

Uh oh!

damyanpetev May 14, 2026

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

		<Target Name="PreBuild" BeforeTargets="PreBuildEvent">
		<Exec Command="npm run build && npm run copythemes" />

		<Compile Remove="stories\**" />
		<Compile Remove="tests\**" />

Conversation

kdinev commented May 13, 2026

Additional information (check all that apply):

Checklist:

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Reviewed changes

Uh oh!

damyanpetev May 14, 2026

Choose a reason for hiding this comment

Uh oh!

damyanpetev May 14, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI May 14, 2026

Choose a reason for hiding this comment

Uh oh!

Uh oh!

damyanpetev commented May 14, 2026

Uh oh!

damyanpetev left a comment

Choose a reason for hiding this comment

Uh oh!

damyanpetev May 14, 2026

Choose a reason for hiding this comment

Uh oh!

damyanpetev May 14, 2026

Choose a reason for hiding this comment

Uh oh!

damyanpetev May 14, 2026

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants