adui/components/popover/demo/popconfirm.md

<div> <img src="https://wxa.wxs.qq.com/mpweb/delivery/legacy/wxadtouch/upload/t1/od834zef_52939fc6.png" style="margin:40px 0 0 -8px; background-color: #fcfcfc; box-shadow: none;" /> </div>

---
order: 1
title:
  zh-CN: 确认
  en-US: popconfirm
---

内嵌表单 `<Popconfirm />`：

```jsx
return (
  <Popconfirm
    popup={
      <React.Fragment>
        <div className="mb-20 text-14 leading-24 font-bold">修改投放时间</div>
        <Form labelClassName="mr-16">
          <Form.Item label="开始投放" className="mb-20">
            <DatePicker className="w-140" defaultValue={new Date()} />
          </Form.Item>
          <Form.Item label="结束投放" className="mb-8">
            <DatePicker className="w-140" defaultValue={new Date()} />
          </Form.Item>
        </Form>
      </React.Fragment>
    }
    placement="bottom"
  >
    <Button>内嵌表单</Button>
  </Popconfirm>
)
```

## Alert

### Popover 与 Popconfirm 的关系

`Popconfirm` 基于 `Popover` 封装，主要提供了对 取消 与 确认 按钮的 Props，比如 `confirmButton` 这个对象会全部传给确认 `Button` 组件处理；  
另外 `Popconfirm` 对内容区域增加了 `padding: 20px;` 的样式。
No newline at end of file