KendoReact

反应弹窗

  • 当用户悬停、点击或聚焦在任何React应用程序中的元素时,它是显示丰富内容的完美组件。
  • KendoReact库的一部分,连同100+专业UI组件与React为React建立,从地面上。
  • 快速开始与我们屡获殊荣的支持,详细的文档,交互式演示和教练领导的培训。
  • 概述

    KendoReact弹窗组件非常适合显示丰富的内容,当用户悬停在任何React应用程序中的元素上,单击或聚焦。它和弹出的反应或者是反应提示弹窗支持更复杂的内容和布局。此组件的一个常见用例是与日历事件一起显示的附加元素,其中可能包括与会者列表、会议室信息或议程说明。另一个常见的场景是在组件中添加表单或编辑器—当您希望使用户能够通过弹出窗口进行快速编辑时,调度程序中常用的工作流。

    参见React Popover组件演示

    React弹窗组件
  • 可配置标题,标注和操作栏

    为了方便开发人员,React弹窗的每个元素都是可配置的,包括标题和操作栏(类似于“页脚”)。例如,操作栏可用于添加按钮或文本框。此外,您可以启用或禁用callout元素(将弹窗链接到它所链接的组件的箭头)。

    参见React Popover组件演示:Callout

    启用和禁用反应弹窗组件标注
  • 动画

    React弹窗允许你启用或禁用它的打开和关闭动画。

    参见React Popover组件演示:动画

    反应弹窗组件动画
  • 碰撞的支持

    为了防止与视口边缘发生碰撞,你可以在React弹窗中启用Collision支持,以控制组件在它应该显示的区域不完全可见时的行为。你可以在几个选项中选择:水平移动弹窗直到它完全显示,翻转它的位置或在原始位置渲染它-当弹窗聚焦在打开和用户滚动到它时,这个选项很有帮助。

    参见React Popover组件演示:碰撞

    反应弹窗组件碰撞
  • 定位

    React弹窗可以配置为相对于当前锚点或偏移量在四个不同的方向打开:在顶部、底部和向右或向左对齐。

    参见React弹窗组件演示:定位

    反应弹窗组件定位
  • 支持文档规模

    缩放可能是棘手的处理,经常破坏用户体验时,使用常规弹出窗口,但KendoReact弹窗完全支持这一操作。如果你希望用户在大分辨率的移动设备上浏览你的应用,这将非常方便,但在其他情况下这也很有用。

    参见React弹窗组件演示:支持文档缩放

    React弹窗组件支持文档规模

所有KendoReact组件

弹出

进度条

涟漪

调度器

滚动视图

可分类的

的周期

工具提示

TreeList

树状视图

上传

波bg

下一个步骤

访问我们的演示

看看KendoReact的实际操作,看看它可以做多少开箱即用的工作。

看到价格

购买一个单独的KendoReact许可证,或对待自己的Kendo UI,我们完整的JavaScript包。

开始免费试用

尝试有专门技术支持的KendoReact。

Baidu
map