Closed stropitek closed 6 months ago
It adds a small colored "pill" on the corner of the button with the count displayed.
We expect an integer to be passed and I think you can adapt the font size based on if there is 1, 2, or more digits in the number.
Example in NMRium:
API suggestion:
// text color is always white <Toolbar.Item count={3} countBackgroundColor="red" />
I like this style, WDYT?
And on hover
I used Tag component https://blueprintjs.com/docs/#core/components/tag
SGTM, see PR comments
It adds a small colored "pill" on the corner of the button with the count displayed.
We expect an integer to be passed and I think you can adapt the font size based on if there is 1, 2, or more digits in the number.
Example in NMRium:![CleanShot 2024-02-09 at 15 42 54](https://github.com/zakodium-oss/react-science/assets/4118690/fbe9e41d-cfe8-4f15-9918-ca8feab66f37)
API suggestion: