Provide an ariaLabel that tells screen reader users what the button does. Make it short and actionable, e.g. "Remove traveller 1" or "Close"
The small variant has a built-in CSS ::before element that ensures the touch target size is always at least 48x48 px.
When using the button for navigation, you should pass your router link component (such as <NavLink to="destination"> via the LinkComponent prop to turn the button into a proper link.
Accessibility
ariaLabel
that tells screen reader users what the button does. Make it short and actionable, e.g. "Remove traveller 1" or "Close"small
variant has a built-in CSS ::before element that ensures the touch target size is always at least 48x48 px.<NavLink to="destination">
via theLinkComponent
prop to turn the button into a proper link.