docs(*): Add Material Icons stylesheet note to component docs by dkalinovInfra · Pull Request #6464 · IgniteUI/igniteui-docfx

dkalinovInfra · 2026-04-16T10:01:08Z

Add a NOTE block to 46 component documentation pages reminding users to include the Google Material Icons stylesheet link in their index.html when using Material Icons with Ignite UI components.

Closes # IgniteUI/igniteui-cli#1618

Checklist:

check topic's TOC/menu and paragraph headings
Include TOC topic labels in topic content has a valuable update, it's new or considered as preview\ beta
link to other topics using ../relative/path.md
at the References section at the end of the topic add links to topics, samples, etc
reference API documentation instead of adding a section with API

use valid component names - [Data] Grid, IgxSelectComponent, <igx-combo>
use spell checker tool (VS Code, Grammarly, Microsoft Editor)
add inline code blocks for the names of classes / tags / properties
add language descriptor for the code blocks
check broken links (use browser add-on)
check if sample is working and fully visible in the topic
check if sample is working and fully visible in the StackBlitz
check if code blocks match the code in StackBlitz demo

follow SEO guidelines to fill topic's metadata (SEO guidelines)

do not resolve requested changes (leave that to the reviewer)
add pending-localization label when the review of the PR is done
add a member from the localization team to translate it

Add a NOTE block to 46 component documentation pages reminding users to include the Google Material Icons stylesheet link in their index.html when using Material Icons with Ignite UI components.

Copilot

Pull request overview

Adds a standardized DocFX NOTE callout across many component docs to remind readers to include the Google Material Icons stylesheet when using Material Icons with Ignite UI components.

Changes:

Inserted a [!NOTE] admonition with the Material Icons Google Fonts <link> snippet into 46 documentation topics.
Placed the reminder near examples that render icons (e.g., igx-icon, icon buttons, grid templates).

Reviewed changes

Copilot reviewed 46 out of 46 changed files in this pull request and generated 6 comments.

Show a summary per file

File	Description
en/components/action-strip.md	Adds Material Icons stylesheet NOTE.
en/components/avatar.md	Adds Material Icons stylesheet NOTE.
en/components/badge.md	Adds Material Icons stylesheet NOTE.
en/components/banner.md	Adds Material Icons stylesheet NOTE.
en/components/button-group.md	Adds Material Icons stylesheet NOTE.
en/components/button.md	Adds Material Icons stylesheet NOTE.
en/components/card.md	Adds Material Icons stylesheet NOTE.
en/components/carousel.md	Adds Material Icons stylesheet NOTE.
en/components/chip.md	Adds Material Icons stylesheet NOTE.
en/components/circular-progress.md	Adds Material Icons stylesheet NOTE.
en/components/combo-templates.md	Adds Material Icons stylesheet NOTE.
en/components/date-picker.md	Adds Material Icons stylesheet NOTE.
en/components/date-range-picker.md	Adds Material Icons stylesheet NOTE.
en/components/dialog.md	Adds Material Icons stylesheet NOTE.
en/components/drag-drop.md	Adds Material Icons stylesheet NOTE.
en/components/drop-down.md	Adds Material Icons stylesheet NOTE.
en/components/grid/grid.md	Adds Material Icons stylesheet NOTE.
en/components/grids_templates/collapsible-column-groups.md	Adds Material Icons stylesheet NOTE.
en/components/grids_templates/column-moving.md	Adds Material Icons stylesheet NOTE.
en/components/grids_templates/excel-style-filtering.md	Adds Material Icons stylesheet NOTE.
en/components/grids_templates/multi-column-headers.md	Adds Material Icons stylesheet NOTE.
en/components/grids_templates/row-actions.md	Adds Material Icons stylesheet NOTE.
en/components/grids_templates/row-adding.md	Adds Material Icons stylesheet NOTE.
en/components/grids_templates/row-drag.md	Adds Material Icons stylesheet NOTE.
en/components/grids_templates/row-editing.md	Adds Material Icons stylesheet NOTE.
en/components/grids_templates/row-pinning.md	Adds Material Icons stylesheet NOTE.
en/components/grids_templates/search.md	Adds Material Icons stylesheet NOTE.
en/components/grids_templates/sorting.md	Adds Material Icons stylesheet NOTE.
en/components/grids_templates/toolbar.md	Adds Material Icons stylesheet NOTE.
en/components/icon-button.md	Adds Material Icons stylesheet NOTE.
en/components/icon-service.md	Adds Material Icons stylesheet NOTE.
en/components/input-group.md	Adds Material Icons stylesheet NOTE.
en/components/linear-progress.md	Adds Material Icons stylesheet NOTE.
en/components/list.md	Adds Material Icons stylesheet NOTE.
en/components/mask.md	Adds Material Icons stylesheet NOTE.
en/components/navbar.md	Adds Material Icons stylesheet NOTE.
en/components/navdrawer.md	Adds Material Icons stylesheet NOTE.
en/components/select.md	Adds Material Icons stylesheet NOTE.
en/components/snackbar.md	Adds Material Icons stylesheet NOTE.
en/components/stepper.md	Adds Material Icons stylesheet NOTE.
en/components/texthighlight.md	Adds Material Icons stylesheet NOTE.
en/components/time-picker.md	Adds Material Icons stylesheet NOTE.
en/components/tooltip.md	Adds Material Icons stylesheet NOTE.
en/components/transaction-how-to-use.md	Adds Material Icons stylesheet NOTE.
en/components/tree.md	Adds Material Icons stylesheet NOTE.
en/components/treegrid/load-on-demand.md	Adds Material Icons stylesheet NOTE.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Copilot · 2026-04-16T10:06:14Z

+>[!NOTE]
+> To use Material Icons, add the following link to your `index.html`: `<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">`


This exact NOTE text is now duplicated across many component pages. Consider factoring it into a shared DocFX include/snippet (or linking to a single prerequisite section) to reduce maintenance and localization churn when the guidance needs to change.

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

…matting Agent-Logs-Url: https://github.com/IgniteUI/igniteui-docfx/sessions/fef6f798-f926-40fc-9d39-68620ed0ef79 Co-authored-by: dkalinovInfra <130121354+dkalinovInfra@users.noreply.github.com>

Copilot

Pull request overview

Copilot reviewed 37 out of 37 changed files in this pull request and generated 3 comments.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Copilot · 2026-04-17T11:15:15Z

+> [!NOTE]
+> This component uses Material Icons. Add the following link to your `index.html`: `<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">`


This NOTE says "This component uses Material Icons", but this topic is a transactions/how-to guide; the icons come from the igx-icon usage in the List example. Consider rewording to "This example uses igx-icon with the default Material Icons family…" (or similar) to avoid implying the transaction service itself depends on Material Icons.

@copilot apply changes based on this feedback

Fixed in 6602bd5. Rewrote the NOTE from "This component uses Material Icons" to "This example uses igx-icon with the default Material Icons family" to accurately reflect that the requirement comes from the igx-icon usage in the list example, not from the transaction service itself.

@copilot apply changes based on this feedback

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

…x-icon usage in the example Agent-Logs-Url: https://github.com/IgniteUI/igniteui-docfx/sessions/b7751b2b-7059-4acf-b59a-6defeb4c7dba Co-authored-by: kdinev <1472513+kdinev@users.noreply.github.com>

docs(*): Add Material Icons stylesheet note to component docs

9b10c25

Add a NOTE block to 46 component documentation pages reminding users to include the Google Material Icons stylesheet link in their index.html when using Material Icons with Ignite UI components.

dkalinovInfra requested review from Copilot and kdinev April 16, 2026 10:01

Copilot started reviewing on behalf of dkalinovInfra April 16, 2026 10:01 View session

dkalinovInfra mentioned this pull request Apr 16, 2026

[CLI MCP] [Angular]: Material Icons stylesheet is missing from index.html IgniteUI/igniteui-cli#1618

Closed

Copilot AI reviewed Apr 16, 2026

View reviewed changes

kdinev and others added 4 commits April 16, 2026 15:14

Update en/components/banner.md

b768bdc

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

Update en/components/button.md

53d7f8a

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

Update en/components/button.md

7ff790b

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

Merge branch 'vnext' into dkalinov/matirial-icons-instructions

bc2a79e

kdinev requested a review from ChronosSF April 16, 2026 13:02

Copilot started work on behalf of dkalinovInfra April 17, 2026 03:28 View session

fix(input-group): use consistent > [!NOTE] spacing for admonition for…

ec880a2

…matting Agent-Logs-Url: https://github.com/IgniteUI/igniteui-docfx/sessions/fef6f798-f926-40fc-9d39-68620ed0ef79 Co-authored-by: dkalinovInfra <130121354+dkalinovInfra@users.noreply.github.com>

Copilot finished work on behalf of dkalinovInfra April 17, 2026 03:30

feat(*): implementing a few changes

6eefb8e

kdinev previously approved these changes Apr 17, 2026

View reviewed changes

kdinev requested a review from Copilot April 17, 2026 11:09

Copilot started reviewing on behalf of kdinev April 17, 2026 11:10 View session

Copilot AI reviewed Apr 17, 2026

View reviewed changes

Update en/components/icon-service.md

b8ede06

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

kdinev dismissed their stale review via b8ede06 April 17, 2026 11:23

Copilot started work on behalf of kdinev April 17, 2026 11:24 View session

kdinev and others added 2 commits April 17, 2026 14:24

Update en/components/date-range-picker.md

8e92f9f

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

fix(transaction-how-to-use): clarify Material Icons NOTE refers to ig…

6602bd5

…x-icon usage in the example Agent-Logs-Url: https://github.com/IgniteUI/igniteui-docfx/sessions/b7751b2b-7059-4acf-b59a-6defeb4c7dba Co-authored-by: kdinev <1472513+kdinev@users.noreply.github.com>

Copilot finished work on behalf of kdinev April 17, 2026 11:26

Copilot AI requested a review from kdinev April 17, 2026 11:26

Copilot started work on behalf of kdinev April 17, 2026 11:30 View session

Copilot stopped work on behalf of kdinev due to an error April 17, 2026 11:31
The session was cancelled by the user.

radomirchev approved these changes Apr 17, 2026

View reviewed changes

radomirchev merged commit 13341d1 into vnext Apr 17, 2026
5 of 6 checks passed

radomirchev deleted the dkalinov/matirial-icons-instructions branch April 17, 2026 11:40

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

docs(*): Add Material Icons stylesheet note to component docs#6464

docs(*): Add Material Icons stylesheet note to component docs#6464
radomirchev merged 10 commits into
vnextfrom
dkalinov/matirial-icons-instructions

dkalinovInfra commented Apr 16, 2026 •

edited

Loading

Uh oh!

Copilot AI left a comment

Uh oh!

Copilot AI Apr 16, 2026

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Copilot AI left a comment

Uh oh!

Uh oh!

Copilot AI Apr 17, 2026

Uh oh!

kdinev Apr 17, 2026

Uh oh!

Copilot AI Apr 17, 2026

Uh oh!

kdinev Apr 17, 2026

Uh oh!

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

5 participants

		>[!NOTE]
		> To use Material Icons, add the following link to your `index.html`: `<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">`

		> [!NOTE]
		> This component uses Material Icons. Add the following link to your `index.html`: `<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">`

Uh oh!

Conversation

dkalinovInfra commented Apr 16, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Checklist:

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Reviewed changes

Uh oh!

Copilot AI Apr 16, 2026

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Uh oh!

Uh oh!

Copilot AI Apr 17, 2026

Choose a reason for hiding this comment

Uh oh!

kdinev Apr 17, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Apr 17, 2026

Choose a reason for hiding this comment

Uh oh!

kdinev Apr 17, 2026

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

5 participants

dkalinovInfra commented Apr 16, 2026 •

edited

Loading