feat(templates): add item templates for Ignite UI Blazor components#226
Open
dkalinovInfra wants to merge 14 commits into
Open
feat(templates): add item templates for Ignite UI Blazor components#226dkalinovInfra wants to merge 14 commits into
dkalinovInfra wants to merge 14 commits into
Conversation
…er, Toast, Toggle Button, Tooltip, and Tree
kdinev
reviewed
Jun 24, 2026
| <h3>IgbAvatarComponent</h3> | ||
|
|
||
| <div class="component-host"> | ||
| <IgbAvatar Initials="AZ" Shape="AvatarShape.Circle" /> |
Member
There was a problem hiding this comment.
Create avatar variations similar to this sample: https://www.infragistics.com/products/ignite-ui-angular/angular/components/avatar#angular-avatar-example
| <h3>IgbBadgeComponent</h3> | ||
|
|
||
| <div class="component-host"> | ||
| <IgbBadge Variant="StyleVariant.Success">5</IgbBadge> |
Member
There was a problem hiding this comment.
Create badge variations in context, based on this example: https://igniteui.github.io/igniteui-webcomponents/?path=/story/badge--in-context
| <h3>IgbButtonComponent</h3> | ||
|
|
||
| <div class="component-host"> | ||
| <IgbButton Variant="ButtonVariant.Contained" @onclick="OnClick">@Label</IgbButton> |
Member
There was a problem hiding this comment.
Create button and button size variations example similar to this one: https://www.infragistics.com/products/ignite-ui-angular/angular/components/button#size
- Updated IgbSwitchComponent styles for better layout and usability. - Enhanced IgbTabsComponent with alignment and activation options, improved tab content descriptions, and added state display. - Improved IgbTileManagerComponent with dynamic column count, resize and drag modes, and layout saving/restoring functionality. - Refined IgbToastComponent to include position, display time, and options for keeping the toast open. - Enhanced IgbToggleButtonComponent with selection modes and disabled state options. - Improved IgbTooltipComponent with customizable placement, offset, and display options. - Enhanced IgbTreeComponent with selection modes and improved state display. - Added test scripts for smoke-testing the IgniteUI.Blazor.Templates package.
MayaKirova
reviewed
Jun 29, 2026
MayaKirova
reviewed
Jun 29, 2026
MayaKirova
reviewed
Jun 29, 2026
| <div class="actions"> | ||
| <IgbButton Variant="ButtonVariant.Outlined" @onclick="Prev">Prev</IgbButton> | ||
| <IgbButton Variant="ButtonVariant.Outlined" @onclick="Next">Next</IgbButton> | ||
| <IgbButton Variant="ButtonVariant.Outlined" @onclick="Play">Play</IgbButton> |
There was a problem hiding this comment.
Play/Pause buttons don't seem to do anything.
MayaKirova
reviewed
Jun 29, 2026
MayaKirova
reviewed
Jun 29, 2026
MayaKirova
reviewed
Jun 29, 2026
MayaKirova
left a comment
MayaKirova
left a comment
There was a problem hiding this comment.
I noticed that there's no template for TextArea. Not sure if we may want one for it.
dkamburov
reviewed
Jun 29, 2026
dkamburov
reviewed
Jun 29, 2026
…gallery Replace the line/area/bar radio toggle with a 19-kind chart selector (Bubble, Candlestick, BoxPlot, RangeBar, RangeArea, Funnel, Mixed, circular types, etc.), each mapping to its appropriate series component. - Add ChartKind enum + IgbSelect dropdown driving series selection - Build a fresh ApexChartOptions per render to avoid mutation corruption - Bind Dark theme directly and fold theme handling into BuildOptions - Guard single-series kinds so only the first series is drawn - Refresh sample data to 2025/2026 and switch Value to int
The prefix icon never rendered because the material signal_wifi_off glyph was never registered, and DismissCount stayed at 0 because the Closed event only fires from the banner's built-in action button, not the programmatic Hide/Toggle that the custom action buttons call. - Register the signal_wifi_off SVG on first render via the icon ref - Track open state in C# and increment DismissCount on every open->closed action (Dismiss/Retry/Hide/Toggle), since hide()/toggle() emit no events - Theme the banner parts (spacer/illustration/content) with surface tokens - Drop a stray comment from the avatar template CSS
MayaKirova
previously approved these changes
Jun 30, 2026
Contributor
|
Calendar template is throwing an error when selecting a date |
Contributor
|
One thing that's been on my mind: doesn't the number of templates feel a bit overwhelming? I get that the goal is to showcase all the available samples, but from a user perspective, someone who just wants to explore our components would need to create each template separately. That doesn't seem like the best experience. It might be worth considering a single template that includes all components—or at least the most commonly used ones—so users can quickly get a broad overview of the library before diving into more specialized templates. |
…esChanged methods
MayaKirova
approved these changes
Jul 1, 2026
Contributor
|
Switching to small icons is not showing the names of the templates: small-icons.mp4 |
dkamburov
approved these changes
Jul 1, 2026
dkamburov
left a comment
dkamburov
left a comment
Contributor
There was a problem hiding this comment.
Besides my previous comments, templates are working and behaving as expected
Member
@dkalinovInfra Is this a VS-related issue, or something we need to address? |
Contributor
Author
|
This is some weird VS bug, this is happening also with item templates that are coming with Visual Studio (for example C# -> General have 4 templates by default and when switching to small icons only one of them is shown, others are there but no text is rendered, exact behaviour as with our templates)
From: Konstantin Dinev ***@***.***>
Sent: 02 July 2026 17:08
To: IgniteUI/igniteui-blazor ***@***.***>
Cc: Deyan Kalinov ***@***.***>; Mention ***@***.***>
Subject: Re: [IgniteUI/igniteui-blazor] feat(templates): add item templates for Ignite UI Blazor components (PR #226)
[https://avatars.githubusercontent.com/u/1472513?s=20&v=4]kdinev left a comment (IgniteUI/igniteui-blazor#226)<#226 (comment)>
Switching to small icons is not showing the names of the templates:
small-icons.mp4
@dkalinovInfra<https://github.com/dkalinovInfra> Is this a VS-related issue, or something we need to address?
-
Reply to this email directly, view it on GitHub<#226?email_source=notifications&email_token=A7AX5CQND3ZO7MZVZUG2X335CZUCNA5CNFSNUABFM5UWIORPF5TWS5BNNB2WEL2JONZXKZKDN5WW2ZLOOQXTIOBWGY3DEOJXGY4KM4TFMFZW63VHNVSW45DJN5XKKZLWMVXHJLDGN5XXIZLSL5RWY2LDNM#issuecomment-4866629768>, or unsubscribe<https://github.com/notifications/unsubscribe-auth/A7AX5CXRBB2ADKVSSIVLY335CZUCNAVCNFSNUABFKJSXA33TNF2G64TZHM2DINZXGYZTINRXHNEXG43VMU5TINRTGY4TEMBWGYZ2C5QC>.
Triage notifications, keep track of coding agent tasks and review pull requests on the go with GitHub Mobile for iOS<https://github.com/notifications/mobile/ios/A7AX5CVZRZDHNTPGPJSQJKL5CZUCNA5CNFSNUABFM5UWIORPF5TWS5BNNB2WEL2JONZXKZKDN5WW2ZLOOQXTIOBWGY3DEOJXGY4KM4TFMFZW63VHNVSW45DJN5XKKZLWMVXHJKTGN5XXIZLSL5UW64Y> and Android<https://github.com/notifications/mobile/android/A7AX5CRQ2YKR3VWM7TXTOB35CZUCNA5CNFSNUABFM5UWIORPF5TWS5BNNB2WEL2JONZXKZKDN5WW2ZLOOQXTIOBWGY3DEOJXGY4KM4TFMFZW63VHNVSW45DJN5XKKZLWMVXHJLTGN5XXIZLSL5QW4ZDSN5UWI>. Download it today!
You are receiving this because you were mentioned.Message ID: ***@***.******@***.***>>
This email originated from someone external to Infragistics.
…________________________________
|
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
4 participants
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.
Description
Adds item templates for the individual Ignite UI for Blazor components to the
IgniteUI.Blazor.Templatespack, which previously shipped only theigb-blazorproject template. Users can now scaffold a ready-to-use component page either from the CLI (dotnet new <igb-component>) or from the Visual Studio Add New Item dialog.templates/item/**with 43 component templates, each with its.template.config(template.json+ide.host.json+icon.png)..razorpage with@pagerouting, a scoped.razor.css, and inlineIgniteUI.Blazor.Litesetup instructions in an@codecomment (package install,AddIgniteUIBlazor(),_Imports, theme link, render mode).Ignite UI for Blazor\<Group>with per-component icons (viaide.host.json).Supporting change: to host the item templates alongside the existing project template, the pack layout was reorganized — the project template moved from
content/igb-blazor/**totemplates/project/igb-blazor/**(pure file moves, no content changes), withIgniteUI.Blazor.Templates.csprojand the READMEs updated to the newtemplates/content root.Motivation / Context
The project template alone gets users a running app, but there is no first-class way to drop a working, conventionally-wired component sample into an existing page. These item templates give a fast, copy-paste-free starting point for each component — discoverable directly from the VS New Item UI (grouped under
Ignite UI for Blazor\<Group>), not just the CLI — and the generated code follows the bridge/render-mode conventions of the Lite package.Type of Change (check all that apply):
Component(s) / Area(s) Affected:
IgniteUI.Blazor.Templates— new item-template pack covering 43 components across all groups: Buttons & Actions, Inputs & Forms, Data (Grid), Charts (ApexCharts), Layout, Scheduling/Pickers, Navigation, Notifications, and Data Display. The existingigb-blazorproject template is moved (no functional change).How Has This Been Tested?
Installed the pack from source (
dotnet new install), scaffolded a Blazor Server app, then generated every item template into the app'sComponents/Pagesand wired each into the nav. The project builds clean (0 warnings, 0 errors) and the pages render and behave correctly at runtime. Verified VS Add New Item grouping/icons viaide.host.json.Test Configuration:
Screenshots / Recordings
Checklist:
README.MDCHANGELOG.MDupdates for newly added functionalityCloses #224