所有Telerik . net工具和Kendo UI JavaScript组件在一个包中。现在增强了:
KendoReact
KendoReact弹窗组件非常适合显示丰富的内容,当用户悬停在任何React应用程序中的元素上,单击或聚焦。它和弹出的反应或者是反应提示弹窗支持更复杂的内容和布局。此组件的一个常见用例是与日历事件一起显示的附加元素,其中可能包括与会者列表、会议室信息或议程说明。另一个常见的场景是在组件中添加表单或编辑器—当您希望使用户能够通过弹出窗口进行快速编辑时,调度程序中常用的工作流。
参见React Popover组件演示
为了方便开发人员,React弹窗的每个元素都是可配置的,包括标题和操作栏(类似于“页脚”)。例如,操作栏可用于添加按钮或文本框。此外,您可以启用或禁用callout元素(将弹窗链接到它所链接的组件的箭头)。
参见React Popover组件演示:Callout
React弹窗允许你启用或禁用它的打开和关闭动画。
参见React Popover组件演示:动画
为了防止与视口边缘发生碰撞,你可以在React弹窗中启用Collision支持,以控制组件在它应该显示的区域不完全可见时的行为。你可以在几个选项中选择:水平移动弹窗直到它完全显示,翻转它的位置或在原始位置渲染它-当弹窗聚焦在打开和用户滚动到它时,这个选项很有帮助。
参见React Popover组件演示:碰撞
React弹窗可以配置为相对于当前锚点或偏移量在四个不同的方向打开:在顶部、底部和向右或向左对齐。
参见React弹窗组件演示:定位
缩放可能是棘手的处理,经常破坏用户体验时,使用常规弹出窗口,但KendoReact弹窗完全支持这一操作。如果你希望用户在大分辨率的移动设备上浏览你的应用,这将非常方便,但在其他情况下这也很有用。
参见React弹窗组件演示:支持文档缩放
看看KendoReact的实际操作,看看它可以做多少开箱即用的工作。
购买一个单独的KendoReact许可证,或对待自己的Kendo UI,我们完整的JavaScript包。
尝试有专门技术支持的KendoReact。