#Badge as `a` component not showing a pointer cursor

2 messages · Page 1 of 1 (latest)

upper vapor Oct 12, 2022, 9:02 PM

As you can see on screen, when I hover with mouse over a badge which has an a component, it does not show the pointer cursor.

stark skiff Oct 13, 2022, 2:34 AM

Maybe that's because, badge comes with it's cursor: default, and is replacing the a cursor style

Try

<Badge component="a" sx={{ cursor: 'pointer' }}></Badge>