onClick prop is excluded when href prop is provided in EuiBadge

[TAYTS]

When the href prop is provided for the <EuiBadge>, the onClick prop is excluded, may I know is this the design choice or it is a bug?

Here is the code snippet that exclude the onClick prop:

eui/src/components/badge/badge.tsx

Lines 228 to 234 in 93fc2ff

	if (href && !isDisabled) {
	relObj.href = href;
	relObj.target = target;
	relObj.rel = getSecureRelForTarget({ href, target, rel });
	} else if (onClick) {
	relObj.onClick = onClick;
	}

[cchaos]

Originally we had restricted the use of both href and onClick on the same element mainly because of accessibility and semantics. We have started lightening up on these restrictions because we now know that routing SPA's like React-router sometimes needs both in order to support right clicking. We've then moved towards allowing both but we have a Eslint warning for consumers to acknowledge that this is in fact what they want.

So, good catch, we should open this component up to allow both.