Components / Assignee field

Assignee field

Explore every variant and expand each example’s formatted usage code.

Assignee field

Assign people and edit their allocation units.

Assignee allocation field

[{"value":"ana","units":100}]

{assigneeOpen ? (
  <AssigneeField
    value={assignees}
    options={{
      source: [
        { value: 'ana', label: 'Ana', role: 'Engineer' },
        { value: 'bea', label: 'Bea', role: 'Designer' },
      ],
    }}
    save={(next) => {
      setAssignees(next);
      setAssigneeOpen(false);
    }}
    cancel={() => setAssigneeOpen(false)}
  />
) : (
  <Button onClick={() => setAssigneeOpen(true)}>Assign people</Button>
)}
<output>{JSON.stringify(assignees)}</output>

API reference

Explore the complete contracts and inspect complex types.