This pull request introduces a "Deprecated" badge that appears for icons flagged as deprecated in the IconInfo.vue component. This update improves the user interface by clearly indicating which icons are deprecated, helping users avoid using outdated assets.
Changes Made:
Badge Component: Added a Badge component to display the "Deprecated" label next to icons flagged as deprecated.
Conditional Badge Display: Updated IconInfo.vue to conditionally show the deprecated badge if the icon has thedeprecated property set to true.
Tooltip with Deprecation Details: Included a tooltip that provides additional context on hover, displaying the reason for deprecation and the version in which the icon will be removed.
Testing:
Manually tested the badge display on various icons, ensuring the tooltip shows the correct deprecation reason and version.
Verified the badge does not appear for icons without the deprecated property.
What is the purpose of this pull request?
Description
This pull request introduces a "Deprecated" badge that appears for icons flagged as deprecated in the
IconInfo.vuecomponent. This update improves the user interface by clearly indicating which icons are deprecated, helping users avoid using outdated assets.Changes Made:
Badgecomponent to display the "Deprecated" label next to icons flagged as deprecated.IconInfo.vueto conditionally show the deprecated badge if the icon has thedeprecatedproperty set totrue.Testing:
Manually tested the badge display on various icons, ensuring the tooltip shows the correct deprecation reason and version. Verified the badge does not appear for icons without the deprecated property.
Screenshots: Before:
After:
Before Submitting