--- order: 5 title: zh-CN: 位置 en-US: Placement --- ## zh-CN 通知从右上角、右下角、左下角、左上角弹出。 ## en-US A notification box can appear from the `topRight`, `bottomRight`, `bottomLeft` or `topLeft` of the viewport. ```jsx import { Button, notification, Divider } from 'antd'; import { RadiusUpleftOutlined, RadiusUprightOutlined, RadiusBottomleftOutlined, RadiusBottomrightOutlined, } from '@ant-design/icons'; const openNotification = placement => { notification.info({ message: `Notification ${placement}`, description: 'This is the content of the notification. This is the content of the notification. This is the content of the notification.', placement, }); }; ReactDOM.render(
, mountNode, ); ```