button-interaction-design

Add the cursor-pointer utility class directly to the element's className. For abstracted components like shadcn/ui Button, verify whether the base component includes it natively, and append cursor-pointer explicitly if it does not.

Abstracted UI components and non-button elements often lack default pointer cursor styling. Browsers only apply pointer cursors natively to links with href attributes, so custom button components need explicit cursor-pointer classes.

It depends on the version and configuration, so you must verify the base component's styles. If the pointer cursor is not natively provided, explicitly append cursor-pointer to the component's className rather than relying on global fallbacks.

No, disabled controls must not show a pointer cursor. The pointer indicates clickability, so showing it on a disabled element misleads users about whether the control is interactive.

A global fallback selector in globals.css can cover common actionable elements, but do not rely on it alone for abstracted button-like components. Add cursor-pointer explicitly or deliberately extend the shared selector for new primitives.