{"version":"2.1.280","anchor":"hoverable-list-rows-gain-a-tint-vs-pointer-hover-style-o","canonical_anchor":"hoverable-list-rows-gain-a-tint-vs-pointer-hover-style-o","heading":"Hoverable lists gain a 'tint' hover style","tier":"internal","area":"UI Components","url":"https:\/\/changelogs.core-directive.com\/v\/2.1.280\/e\/hoverable-list-rows-gain-a-tint-vs-pointer-hover-style-o","release_url":"https:\/\/changelogs.core-directive.com\/v\/2.1.280","markdown":"### Hoverable lists gain a 'tint' hover style\n\nHoverable list rows can now highlight with a background tint instead of just changing the cursor\n\n**What**\n\nSelectable list rows and similar components (including attachment and scroll-indicator rows) now support a `hoverStyle` option that can be set to `tint`, which gives a hovered row a background color highlight instead of the previous default, which only changed the mouse pointer style.\n\n- A `hoverStyle` prop was added to selectable option rows and related components, choosing between `tint` (background highlight) and `pointer` (cursor-only) hover behavior.\n\n- A Select-style list component now sets `hoverStyle: \"tint\"` alongside its existing `hideIndexes` and `visibleOptionCount` options, so its items get the tint highlight when hovered.\n\n**Why**\n\nMakes it easier to see which row is currently hovered in lists, improving visual feedback when navigating options with a mouse.\n\n- Area: UI Components\n- Tier: Under the hood\n- Useful: 2\/5\n- Signal: 1\/5"}