table row highlight hover active improve row scanning in data tables highlight the active record in an admin list show focus within interactive rows dense rows are hard to track visually active row state is unclear hover feedback is inconsistent across table views
Table Row Highlight
Fetch snippet JSON:
curl https://webspire.de/snippets/interactions/table-row-highlight.json Preview
Background
Customize
Quick Start
<tr class="table-row-highlight">...</tr>Details
- Tailwind
- v4.x
- Browser
- baseline-2024
- A11y
- prefers-reduced-motion
- Size
- 626 bytes · 22 lines
- Custom Properties
-
--row-highlight-bg--row-highlight-border - Classes
-
.table-row-highlight
table row highlight hover active
Apply .table-row-highlight to a table row or list row container. Supports hover, :focus-within, and explicit active state via data-active="true" or .is-active.