Theme: Smoke
Theme: Smoke
System

Deadline

A due date against now

A deadline says how long is left, and turns from neutral to the warning role as it nears and to the error role on its last day. Use it for submission cutoffs, invoice due dates, trial expiry and ticket service levels.

Statuses

Display and form

Invoice INV-2041 is .

tsx
// From the npm package
import { Deadline } from 'rift-ds/components/Deadline/Deadline';

// Or as source you own, via the shadcn CLI
npx shadcn@latest add https://rift-ds.com/r/deadline.json