Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Tag component doesn't look like a tag when there is only one character
See original GitHub issueWhat package(s) are you using?
-
carbon-components10.9.0 -
carbon-components-react7.9.0
Detailed description
Describe in detail the issue you’re having. We are using Tag component to show the count of roles a user can have and when it’s in single-digit the component looks like a ball instead of tag. There should a min width provided to make it look like a tag.
Is this issue related to a specific component? Tag
What did you expect to happen? What happened instead? What would you like to see changed? We are using Tag component to show the count of roles a user can have and when it’s in single-digit the component looks like a ball instead of tag.
What browser are you working in? FF Chrome Safari
What version of the Carbon Design System are you using?
- carbon-components 10.9.0
- carbon-components-react 7.9.0
What offering/product do you work on? Any pressing ship or release dates we should be aware of? IBM Cloud
Steps to reproduce the issue
- Use a single character in a tag component and see the issue
Issue Analytics
- State:
- Created 4 years ago
- Comments:6 (6 by maintainers)
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
If this is okay, I’ll go ahead and make a PR 👍
@aagonzales It seems like we can center the single-digit without it affecting the other variations
https://codesandbox.io/s/codesandbox-x5etc