ActiveTask

Compact list of currently-running tasks with status dot, title, timestamp, and optional clear action. Compound: ActiveTask + ActiveTask.Item.

Preview

Usage

import { ActiveTask } from '@ramtt/ui'

<ActiveTask label="Active" onClear={() => clear()}>
  <ActiveTask.Item title="Power upload" timestamp="2m ago" status="active" />
  <ActiveTask.Item title="FTP test" timestamp="1h ago" status="paused" />
</ActiveTask>

Props

Prop	Type	Default	Description
label	`string`	'Active'	Section header text
onClear	`() => void`	—	When set, renders a clear button on the right
clearLabel	`string`	'Clear active'	Label for the clear button
children*	`ReactNode`	—	ActiveTask.Item children
className	`string`	—	Additional Tailwind classes