← All components System & power-user

HoverActionRow

Linear-style row with trailing actions revealed on hover/focus-within. Clean resting state.

Inspired by Linear issue rows, GitHub PR rows.

Preview

What it looks like.

ActiveTranscribe weekly · qwen2.5-7b

IdleListen · whisper-base.en

ReadyDocVault · qwen2.5-1.5b + bge-small

Usage

Drop it into your app.

import { HoverActionRow } from '@locara/components'

<HoverActionRow
  leading={<StatusPill tone="accent">Active</StatusPill>}
  actions={<><IconButton icon="edit" /><IconButton icon="delete" /></>}
  onClick={() => router.push(`/app/${id}`)}
>
  Transcribe weekly · qwen2.5-7b
</HoverActionRow>

Or copy the source into your repo: locara add hover-action-row