Skip to content

fix(badge): update sample to match the right way to use of the badge…#17237

Open
Marina-L-Stoyanova wants to merge 2 commits intomasterfrom
mstoyanova/data-display-skill-update
Open

fix(badge): update sample to match the right way to use of the badge…#17237
Marina-L-Stoyanova wants to merge 2 commits intomasterfrom
mstoyanova/data-display-skill-update

Conversation

@Marina-L-Stoyanova
Copy link
Copy Markdown

@Marina-L-Stoyanova Marina-L-Stoyanova commented Apr 24, 2026

… component

Closes #

Description

Updating Badge component examples to show correct use of the component.

Motivation / Context

Type of Change (check all that apply):

  • Bug fix
  • New functionality
  • Breaking change (fix or feature that would cause existing functionality to not work as expected)
  • Refactoring (no functional changes)
  • Documentation
  • Demos
  • CI/CD
  • Tests
  • Changelog
  • Skills/Agents

Component(s) / Area(s) Affected:

How Has This Been Tested?

  • Unit tests
  • Manual testing
  • Automated e2e tests

Test Configuration:

  • Angular version:
  • Browser(s):
  • OS:

Screenshots / Recordings

Checklist:

  • All relevant tags have been applied to this PR
  • This PR includes unit tests covering all the new code (test guidelines)
  • This PR includes API docs for newly added methods/properties (api docs guidelines)
  • This PR includes feature/README.MD updates for the feature docs
  • 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 ng update migrations for the breaking changes (migrations guidelines)
  • This PR includes behavioral changes and the feature specification has been updated with them
  • Accessibility (ARIA, keyboard navigation, focus management) has been verified

Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Updates the igniteui-angular-components skill reference for Avatar & Badge to reflect the correct usage pattern for placing a badge on/near an avatar.

Changes:

  • Replaces the deprecated/invalid igxAvatarBadge usage with a wrapper-based markup structure.
  • Moves the badge out of the <igx-avatar> element into a sibling element for layout control.

Comment on lines +136 to +139
<div class="wrapper">
<igx-avatar [src]="user.photo" shape="circle" size="large"></igx-avatar>
<igx-badge [type]="'success'" [icon]="'check'"></igx-badge>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants