feat(Listy): Add 'interactive' prop to control item hover state
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 -->
Source: ant-design/ant-design