Syncfusion React UI Layout and Design Controls

SyncfusionUI 布局与设计控件JavaScript

用于构建 React 应用界面的布局和设计组件。

  • 使用仪表板和分割布局组件来排列内容。
  • 通过卡片、列表和时间线对内容进行分组和展示。
  • 使用覆盖层和 UI 提示显示上下文信息。
Syncfusion logo

起价:

加载中...
包含在以下产品
Syncfusion Essential Studio UI Component Suite加载中
Syncfusion Essential Studio Enterprise加载中
Syncfusion React UI Layout and Design Controls 产品图片
Syncfusion React UI 布局和设计控件是一组专注于在 React 应用中构建页面布局和呈现内容的组件。它支持基于面板的布局、可调整大小的区域、内容分组、顺序展示和上下文覆盖层，帮助开发者使用 React 组件构建清晰且组织良好的用户界面。

仪表板面板布局

提供一个仪表板布局组件，用于在网格结构中排列面板。面板可以定位和调整大小，以创建可配置的工作区和信息密集型应用视图。

可调整大小的分割区域

包含一个分割器组件，可将可用空间划分为可调整大小的窗格。并排的内容区域可以动态调整，从而灵活利用屏幕空间。

基于卡片的内容分组

提供卡片组件，用于将相关内容分组到结构化容器中。卡片有助于建立视觉层次，并在各个 React 视图中一致地组织内容块。

覆盖内容容器

提供模态对话框组件，用于在覆盖区域中呈现内容。可以显示补充信息或聚焦信息，而不会改变底层页面布局。

结构化列表展示

包含列表视图组件，用于以一致的布局展示项目集合。可使用模板化列表结构清晰地组织重复内容。

上下文 UI 提示

提供工具提示组件，用于在界面元素附近显示上下文信息。仅在需要时显示附加细节，有助于保持布局整洁。

顺序内容布局

包含时间线组件，用于以顺序视觉结构呈现项目。按顺序的事件或步骤以清晰易读的流程显示。

视觉标识元素

提供头像组件，用于显示图像或首字母等身份视觉元素。这些元素支持在页眉、列表和分组内容区域中保持一致的表示。

产品兼容性

请查看以下详细信息，以确保此产品在您的环境中受支持。

组件类型

  • JavaScript

JavaScript 平台

  • React