fix(skills): add igx-buttongroup and icon button to igniteui-angular-components skill

[Copilot]

IgxButtonGroupComponent was completely absent from the components skill, causing agents to fall back to shell commands to discover the API rather than using documented references. Additionally, the skill front-matter and description did not explicitly mention Icon Button or Button Group, and used the incorrect user-invokable key instead of user-invocable.

Changes

• references/directives.md — New "Button Group" section with:

  • Split import examples: Option A (convenience collection IGX_BUTTON_GROUP_DIRECTIVES) and Option B (individual IgxButtonGroupComponent + IgxButtonDirective)
  • Examples for all three selection modes, alignment, disabled state, and event handling
  • Input/output API tables and IButtonGroupEventArgs shape (with IgxButtonDirective import path clarified)
  • Programmatic control via signal-based viewChild
  • Added ## Contents table listing all sections (matching base branch format)

• references/setup.md — Added Button Group → igniteui-angular/button-group to the entry points table; added IGX_BUTTON_GROUP_DIRECTIVES to the convenience collections table

• SKILL.md:

  • Fixed user-invokable → user-invocable in front-matter
  • Updated description to use the improved base branch format, explicitly including icon button and button group in the directives section
  • Updated routing table row to include Icon Button, Button Group
  • Updated Step 2 to use the parallel reads protocol from the base branch

Example usage an agent can now produce correctly

import { IGX_BUTTON_GROUP_DIRECTIVES } from 'igniteui-angular/button-group';

@Component({
  imports: [IGX_BUTTON_GROUP_DIRECTIVES],
  template: `
    <igx-buttongroup selectionMode="singleRequired" (selected)="onSelected($event)">
      <button igxButton [selected]="true">Day</button>
      <button igxButton>Week</button>
      <button igxButton>Month</button>
    </igx-buttongroup>
  `
})
export class CalendarViewComponent { ... }

Original prompt

---

This section details on the original issue you should resolve

<issue_title>igx-buttongroup not found in skills</issue_title>
<issue_description>## Description
I have an application, which can use a button group component, but the components skill doesn't tell the agent such a component exists

• igniteui-angular version: 21.1.0
• browser: n/a

Steps to reproduce

1. Make a project and add igniteui-angular skills to it
2. Ask an agent to implement piece of the UI with the igx-buttongroup component.

Result

The skill doesn't tell the agent there's such a component.

Expected result

Button group is correctly implemented by the agent, without having to go out and search documentation.

Attachments

</issue_description>

Comments on the Issue (you are @copilot in this section)

• Fixes igx-buttongroup not found in skills #17002

---

🔒 GitHub Advanced Security automatically protects Copilot coding agent pull requests. You can protect all pull requests by enabling Advanced Security for your repositories. Learn more about Advanced Security.

[Copilot]

Pull request overview

This PR updates the igniteui-angular-components skill documentation to explicitly cover igx-buttongroup / IgxButtonGroupComponent, so agents can rely on in-repo references instead of external discovery.

Changes:

• Added a new “Button Group” section to references/directives.md including import paths, selection/alignment/disabled examples, event handling, and basic programmatic control guidance.
• Extended references/setup.md with the igniteui-angular/button-group entry point and the IGX_BUTTON_GROUP_DIRECTIVES convenience collection.
• Updated the skill hub (SKILL.md) routing/description so “Button Group” is discoverable via the directives reference.

Reviewed changes

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

File	Description
skills/igniteui-angular-components/references/setup.md	Documents the Button Group entry point and convenience directives collection token.
skills/igniteui-angular-components/references/directives.md	Adds Button Group API guidance, examples, and event args overview to the directives reference.
skills/igniteui-angular-components/SKILL.md	Updates the skill’s routing/description to include Button Group under directives.

[Copilot]

IButtonGroupEventArgs is described as including button: IgxButtonDirective, but this section never states where IgxButtonDirective should be imported from (and the earlier import block doesn’t include it). Adding the import path for IgxButtonDirective (or linking it back to the Button directive section) would make the event-args shape actionable and avoid ambiguity.

Suggested change

	`IButtonGroupEventArgs`: `{ owner: IgxButtonGroupComponent; button: IgxButtonDirective; index: number }`.
	`IButtonGroupEventArgs`: `{ owner: IgxButtonGroupComponent; button: IgxButtonDirective; index: number }`, where `IgxButtonDirective` is imported from `igniteui-angular/directives` (see **Button & Icon Button** section above).

[Copilot]

The import example brings in both IgxButtonGroupComponent and IGX_BUTTON_GROUP_DIRECTIVES, but the text below says to use the directive collection or import individually. Consider splitting this into two alternative import examples (collection vs. individual) or removing the redundant symbol to avoid confusing readers about what they actually need to import.

[kdinev]

@copilot apply changes based on this feedback

[zdrawku]

@copilot address the merge conflict, ensure "user-invocable" is used and both "Icon Button, Button Group" are added as part of the incomming change description.

[Copilot]

@copilot address the merge conflict, ensure "user-invocable" is used and both "Icon Button, Button Group" are added as part of the incomming change description.

Done in 0cf6fbd. All three issues addressed:

• Merge conflict: Updated all files to incorporate the base branch changes (improved description format, user-invocable: true, parallel STEP 2 protocol, Contents table in directives.md)
• user-invocable: Changed from user-invokable to user-invocable in SKILL.md front matter
• "Icon Button, Button Group": Added both to the skill description (directives (button, icon button, button group, ripple, tooltip, drag-and-drop)) and to the routing table row

Also addressed the PR review feedback: split the import block into Option A (convenience collection) and Option B (individual imports), and added the IgxButtonDirective import path to the IButtonGroupEventArgs description.