Badge: Add variation that allows the badge to display block about design-system HOT 4 CLOSED

Fair enough. The only reason I created this was that adding ds-u-display--block to the badge screws up its layout. But you're right, the general assumption (not stated outright) is that a badge is meant to lay out inline.

from design-system.

What about wrapping it in a block element like div or p in those cases?

from design-system.

What about wrapping it in a block element like div or p in those cases?

That was our workaround (actually, now, setting ds-u-display--block on the Button). And there are combinations of classes that will work, as explained. Just thought this might be a good addition to avoid adding extraneous markup. If it's not worth the work, you may close.

from design-system.

I don't think it's worth its own special class or logic in the component, and it's partly because the guidelines for when and how to use badges are non-existent. The pattern of using badges needs to be developed more before we start adding more code to them

from design-system.