AI patterns

ActionItem

Checkbox row with assignee, due date, and status — for agent task lists.

Preview

Send Q3 reconciliation deck to finance

MSTue · 3pmPending

Confirm DATEV credentials for the new tenant

JDTodayIn progress

Sign off on the migration plan

ATDone

Installation

pnpm add nyxis-ui

Usage

import { ActionItem } from 'nyxis-ui';
// or, for stricter tree-shaking:
// import { ActionItem } from 'nyxis-ui/action-item';

<ActionItem text="Send Q3 reconciliation deck" assignee="MS" due="Tue · 3pm" status="pending" />;