Atelier UI

搜索组件…

搜索组件…

Quick Add Popover

点击“新建”弹出的快速添加表单,含类型分段、截止日快捷标签与校验。

在沙盒中编辑

复制一段给 AI 编程工具的提示词,包含源码、依赖和用法

属性

QuickAddPopoverProps

同时支持以下类型的全部属性: Omit<React.ComponentProps<"div">, "children">

属性类型默认值说明
onAdd* 必填(item: QuickAddItem) => void——
labelstring"New"Label of the trigger button
typesstring[]["Task", "Bug", "Idea"]—
align"start" | "end""start"—
widthnumber320Panel width in px (never wider than the viewport)

安装

$ npx shadcn@latest add https://chromotion.dev/r/quick-add-popover.json

同类组件