Badge width #2183
-
|
Does the width of the badge has to hug the content?
Pic 1 is what the styling is now vs pic 2 is what I was considering. Thoughts? |
Beta Was this translation helpful? Give feedback.
Replies: 2 comments 1 reply
-
|
Hi @pguptaDS! One of the main reasons we do want Badge to size itself around its contents is for internationalization. That way, if the content changes width bc of a language change, the component does the same. If there were a set width here, there's a higher chance of something not fitting, or even breaking in the same situation. The look of it right aligned looks good from our end, but if you could also try to center the badge in the cell, which might lean it closer to the look you were aiming for. |
Beta Was this translation helpful? Give feedback.
-
|
Got it. Do you mean like this? |
Beta Was this translation helpful? Give feedback.
-
|
Yup! We don't have guidelines on putting badge inside of table cells, but wanted to suggest centering since it resembled the style of the badges w/ a set width a bit more. |
Beta Was this translation helpful? Give feedback.
Hi @pguptaDS! One of the main reasons we do want Badge to size itself around its contents is for internationalization. That way, if the content changes width bc of a language change, the component does the same. If there were a set width here, there's a higher chance of something not fitting, or even breaking in the same situation.
The look of it right aligned looks good from our end, but if you could also try to center the badge in the cell, which might lean it closer to the look you were aiming for.