lucide
lucide copied to clipboard
feat(docs): Add deprecated badge for icons with deprecation status
What is the purpose of this pull request?
- [ ] New Icon
- [ ] Bug fix
- [x] New Feature
- [x] Documentation update
- [ ] Other:
Description
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 totrue
. - 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.
Screenshots:
Before:
After:
Before Submitting
- [x] I've read the Contribution Guidelines.
- [x] I've checked if there was an existing PR that solves the same issue.