UI / Components / agent-native / InboxCard

InboxCard

Notification with severity dot.

One row of an inbox. Severity dot + actor + verb + target + relative time + read/unread state. The kind of compact notification line you stack 50+ of without losing scan-ability.

$npx dock-ui add inbox-card

Usage

import { InboxCard } from "@/components/ui/inbox-card";

<InboxCard notification={n} onSelect={() => mark(n.id)} />

Install

via CLI

$ npx dock-ui add inbox-card

Writes the file(s) directly to your components/ui/ folder. You own the code.

For agents

curl -L https://ui.trydock.ai/r/inbox-card.json

Returns a JSON manifest with file paths + contents. Agent-readable, LLM-fetchable.

← All components

Themes·Component kit · glossary

View on GitHub →