---
order: 4
zh-CN:
	title: Confirm 形式的气泡提示
	content: Pop关闭了
	popContent: 提示内容
	btnText: 打开气泡
en-US:
	title: Confirm Pop
	content: Pop Closed
	popContent: Pop content
	btnText: Open
---

```jsx
import { Sweetalert, Button } from 'zent';
import { Pop } from '@zent/compat';

class Wrapper extends React.Component {
	confirmHandler = () => {
		Sweetalert.alert({
			content: '{i18n.content}',
			parentComponent: this,
		});
	};

	render() {
		return (
			<Pop
				trigger="click"
				content={
					<span
						style={{
							maxWidth: 100,
							wordBreak: 'break-all',
							display: 'inline-block',
						}}
					>
						1111d kdsalkdsa kdsklda kdslkda kdanmcmdj 9209 kjfslk kdslkd
					</span>
				}
				onConfirm={this.confirmHandler}
			>
				<Button type="primary">{i18n.btnText}</Button>
			</Pop>
		);
	}
}

ReactDOM.render(<Wrapper />, mountNode);
```