feat(badge): update badge samples#3997
Open
Hristo313 wants to merge 2 commits into
Open
Conversation
Contributor
There was a problem hiding this comment.
Pull request overview
Updates the Ignite UI Badge sample set by replacing the older “sample-*” routes/components with a clearer set of focused badge demos (overview, shape, variants, list, dot, styling, tailwind styling) and wiring them into the Data Display navigation metadata.
Changes:
- Refactored badge routing + route metadata keys to new sample names/paths.
- Added/updated multiple badge sample components (overview/shape/variants/list/dot) and refreshed styling + tailwind-styling samples.
- Updated live-editing badge config mappings for the renamed/added components.
Reviewed changes
Copilot reviewed 14 out of 26 changed files in this pull request and generated 2 comments.
Show a summary per file
| File | Description |
|---|---|
| src/app/data-display/data-display.routes.ts | Replaces old badge sample routes with new badge demo routes/components. |
| src/app/data-display/data-display-routes-data.ts | Updates route metadata keys/display names to match new badge demos. |
| src/app/data-display/badge/badge-variants/badge-variants.component.ts | Renames/redefines the badge variants demo component. |
| src/app/data-display/badge/badge-variants/badge-variants.component.scss | Adds styles for the badge variants demo. |
| src/app/data-display/badge/badge-variants/badge-variants.component.html | Adds template for the badge variants demo. |
| src/app/data-display/badge/badge-tailwind-styling/layout.scss | Introduces shared layout styles for the tailwind-styling badge demo. |
| src/app/data-display/badge/badge-tailwind-styling/badge-tailwind-styling.component.ts | Renames/redefines tailwind badge styling demo component. |
| src/app/data-display/badge/badge-tailwind-styling/badge-tailwind-styling.component.scss | Wires in the layout stylesheet via Sass @use. |
| src/app/data-display/badge/badge-tailwind-styling/badge-tailwind-styling.component.html | Provides the updated tailwind-styled badge list template. |
| src/app/data-display/badge/badge-styling/layout.scss | Introduces shared layout styles for the styling badge demo. |
| src/app/data-display/badge/badge-styling/badge-styling.component.ts | Renames/redefines badge styling demo component. |
| src/app/data-display/badge/badge-styling/badge-styling.component.scss | Adds a custom badge theme and applies tokens on the host. |
| src/app/data-display/badge/badge-styling/badge-styling.component.html | Provides the updated styled badge list template. |
| src/app/data-display/badge/badge-shape/badge-shape.component.ts | Adds a new badge shape demo component. |
| src/app/data-display/badge/badge-shape/badge-shape.component.scss | Adds basic wrapper spacing for the shape demo. |
| src/app/data-display/badge/badge-shape/badge-shape.component.html | Adds template for the badge shape demo. |
| src/app/data-display/badge/badge-overview/badge-overview.component.ts | Adds a new badge overview demo component. |
| src/app/data-display/badge/badge-overview/badge-overview.component.scss | Adds layout/positioning for overview avatar + badge. |
| src/app/data-display/badge/badge-overview/badge-overview.component.html | Adds template for the badge overview demo. |
| src/app/data-display/badge/badge-list/badge-list.component.ts | Renames/redefines the “badge for list items” demo component. |
| src/app/data-display/badge/badge-list/badge-list.component.scss | Adds styles for the list demo. |
| src/app/data-display/badge/badge-list/badge-list.component.html | Adds template for the list demo. |
| src/app/data-display/badge/badge-dot/badge-dot.component.ts | Renames/redefines the badge dot demo component. |
| src/app/data-display/badge/badge-dot/badge-dot.component.scss | Adds anchor-positioning based styling for the dot badge placement. |
| src/app/data-display/badge/badge-dot/badge-dot.component.html | Adds template for the dot badge demo. |
| live-editing/configs/BadgeConfigGenerator.ts | Updates live-editing component names/paths for the new badge samples. |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
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
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.
Update the samples for the badge