弹出框

弹出框在页面顶部显示附加信息。

弹出框

元素可以指定要显示的弹出框内容。

标题

元素可以指定带有标题的弹出框内容。

触发器

触发器可以是复杂的元素。

禁用

禁用的弹出框只渲染其触发器。

固定

禁用组件的自动重新定位，它将始终根据位置值进行放置。

基本

弹出框可以提供更基本格式。

位置

弹出框可以在其触发器周围定位。

流动

弹出框可以没有最大宽度，并继续流动以适应其内容。

大小

弹出框的大小可以变化。

宽

弹出框可以更宽，以容纳更长的内容。

反转

弹出框的颜色可以反转。

样式

弹出框接受自定义样式。

偏移

弹出框位置可以与其位置偏移。

偏移作为函数

弹出框位置可以通过函数接受计算后的偏移

eventsEnabled

启用 Popper.js 事件监听器。

Popper 依赖项

弹出框可以有依赖项，更新将安排位置更新。应在内容更改的情况下使用，其行为类似于 dependencies 在 React Hooks 中。

popper 元素

从 semantic-ui-react@2.0.0 开始，我们在 Popup 周围使用了一个额外的包装元素进行定位，请参见 Semantic-Org/Semantic-UI-React#3947 以了解更多信息。要将属性传递给此元素 popper可以使用简写。

通过 position: fixed 进行定位

如果您的参考元素位于 fixed 容器中，请使用 positionFixed。这将防止出现任何跳跃，因为不需要重新定位。

操作

弹出框可以在悬停、点击、聚焦或多个操作时触发。

嵌套

弹出框可以嵌套在另一个弹出框中。

受控

弹出框的可见性可以从外部控制。

上下文

使用触发器时，弹出框可以在 DOM 节点上打开。

弹出框可以在 DOM 节点上打开，当受控时。

上下文菜单

弹出框可以在 DOM 节点上打开，用作上下文菜单。

滚动时隐藏

滚动事件发生时，弹出框可以隐藏。

默认打开

弹出框可以默认显示为打开状态。

延迟

弹出框可以在显示和隐藏时有延迟。这避免了意外弹出框可见性。