Package

v4.x

Description

Hello 👋

Currently, the badge has a sm size that is smaller than the xs size of the button. When you have to have both button and badge in, let's say, a table, you have to create a custom xxs button like this:

export default defineAppConfig({
  ui: {
    button: {
      variants: {
        size: {
          xxs: {
            base: 'text-[10px]/3 px-1.5 py-1 gap-1 rounded-sm',
            leadingIcon: 'size-3',
            leadingAvatarSize: '3xs',
            trailingIcon: 'size-3',
          },
        },
      },
      compoundVariants: [
        {
          size: 'xxs',
          square: true,
          class: 'p-1',
        },
      ],
    },
  },
})

but that's not very comfortable to do it per project.

Do you think you could align the button and badge size, or at least, create xxs and xxxs sizes for button to match the xs and the sm size from badge?

Happy to work on it if needed.

Additional context

No response