#59270·ant-design

feat(Listy): Add 'interactive' prop to control item hover state

Author: kfylaktopoulosCreated Sep 10, 2026Updated Sep 11, 2026
Labels👷🏻‍♂️ Someone working on it

What problem does this feature solve?

Currently, Listy items render with a hover background effect (controlItemBgHover) by default.

When using Listy to display purely static or read-only data (where rows are not clickable), this hover effect creates a false affordance—it signals to the end user that a row is interactive when it is not.

While it is possible to override this behavior using styles.item or custom CSS :hover overrides, having to manually strip out default hover states for static lists adds unnecessary boilerplate. A dedicated API prop would make the component's intent explicit and clean up Developer Experience (DX).

Note: This request is distinct from #59268. While #59268 asks for action handling (onItemClick/href), this issue asks for a visual state toggle (interactive={false}) to disable hover styling for static lists.

What does the proposed API look like?

Add a boolean prop interactive (or hoverable) to the Listy component:

// Static / Read-only list (disables hover background and interactive states)
<Listy<Item> 
  items={items} 
  interactive={false} 
  itemRender={(item) => item.content} 
/>

// Interactive list (default behavior)
<Listy<Item> 
  items={items} 
  interactive={true} 
  itemRender={(item) => item.content} 
/>

<!-- generated by ant-design-issue-helper. DO NOT REMOVE -->