Quick Add Popover
A "+ New" popover form with title, type segmented control, due-date chips and validation.
Copy a prompt for your AI coding tool with the source, dependencies and usage
Props
QuickAddPopoverProps
Also accepts all props of Omit<React.ComponentProps<"div">, "children">
| Prop | Type | Default | Description |
|---|---|---|---|
| onAdd* required | (item: QuickAddItem) => void | — | — |
| label | string | "New" | Label of the trigger button |
| types | string[] | ["Task", "Bug", "Idea"] | — |
| align | "start" | "end" | "start" | — |
| width | number | 320 | Panel width in px (never wider than the viewport) |
Install
$ npx shadcn@latest add https://chromotion.dev/r/quick-add-popover.json