title: BalloonConfirm category: Components chinese: 气泡确认框

ICE 气泡确认框

安装和升级

npm install @icedesign/balloon-confirm

开发指南

气泡确认框

何时使用

• 当目标操作需要进一步确认时，弹出确认框，询问用户。
• 该组件作为一个轻量级的确认交互，不宜在内部放过多元素。如需较多定制，可直接使用Balloon组件。

使用注意

• 因为内部使用Balloon组件，所以对于子元素是自定义React Component的情况，需要主动传递onMouseEnter、onMouseLeave、onClick事件。
• 更多props可参考Balloon组件，其中triggerType默认为click。

API

气泡确认框

| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 | | ----------- | -------------- | ---- | ----------- | ---------------------------------------------------- | ---- | | className | 样式名 | 否 | string | - | | | title | 确认框描述 | 否 | string | - | | | confirmText | 确认按钮文本 | 否 | string | '确认' | | | cancelText | 取消按钮文本 | 否 | string | '取消' | | | onConfirm | 点击确认的回调 | 否 | function(e) | - | | | onCanel | 点击取消的回调 | 否 | function(e) | - | | | Icon | 自定义气泡图标 | 否 | ReactNode | <Icon type="warning" style={{ color: '#FFA003' }} /> | |