New Badge component - Githubissues

dxc-technology / halstack-react

Library of components for building SPAs with React and Halstack Design System

https://developer.dxc.com/halstack/

Apache License 2.0

15 stars 14 forks source link

New Badge component #1815

Closed raquelarrojo closed 7 months ago

raquelarrojo commented 7 months ago

Checklist (Check off all the items before submitting)

[x] Build process is done without errors. All tests pass in the /lib directory.
[x] Self-reviewed the code before submitting.
[x] Meets accessibility standards.
[ ] Added/updated documentation to /website as needed.
[x] Added/updated tests as needed.

Description New Badge component implementation based on design: https://www.figma.com/file/ld2CyC6umeONXpRCK6LWm1/Halstack-Design-Library-(WIP%E2%9A%A0%EF%B8%8F)?type=design&node-id=3153-4518&mode=design&t=cCv1Vh3swV32YuWM-4.

Old badge has been replaced by the new one on Nav tabs and Tabs component. This has caused some changes in these components:

When a tab is disabled, the notification is not shown (even it has one), since, from design view, it makes no sense that a tab that is disabled, has a notification.
In tabs and nav tabs, badge notification limit is 99 (the badge's default one).

Closes #1812