<Badge> inside <Button> is inconsistent between themes.
bradenmacdonald opened this issue · comments
When a <Button size="sm">
contains a <Badge>
element:
- Bug: with the
edx.org
theme, the button grows in height and is no longer consistent with othersize="sm"
buttons:
Compare to without a badge, where the buttons had the same height:
- Bug?: with the Open edX theme, the badge preserves the button's height correctly but seems like it could use a bit more padding above and below the badge text ("+2" here).
- Neither the
<Badge>
nor<Button>
docs page have any examples of a badge inside a button, but I think this should be shown as a supported example. It is in Bootstrap docs and Flowbite docs for example.
Context, FWIW: building a button with a dropdown to select filter options, like this: