Components

TaskEditPopover

A task's "Edit task" popover — title, due date, assignee, linked record, and a kebab.

Available since@crisp-ui-kit/crisp@0.57.4

Measured live on app.attio.com's Tasks page: a checkbox + editable title, then a chip row (due date / assigned / add record), a "more actions" kebab, and Cancel/Save. Composes AssigneePicker and RecordPicker (both crisp#626) behind their own chips, using the same core floating primitives Popover itself is built on rather than Popover directly — its content hardcodes a 360px max width, well under this popover's own measured 800px.

Installation

npm install @crisp-ui-kit/crisp

Props

Prop

Type

Notes

  • dueDatePicker is a consumer-supplied slot for the due-date chip's own sub-popover content — a date picker is a separate, already-scoped surface elsewhere in crisp (DatePicker), so this popover doesn't build a second one.
  • linkedRecordCount drives the "Add record" chip's own label: "Add record" at 0, "N linked record(s)" from 1 up — live-confirmed that opening the composer from a record's own Activity tab pre-links that record, so the chip already reads "1 linked record" on open.
  • menu is the kebab's own dropdown content (e.g. a Menu with "Delete task") — omit it and the kebab renders inert.
  • trigger is the element that opens the popover (a task row, typically) — the same render-prop-as-element shape Popover's own trigger uses.

On this page