Syncfusion Angular UI Layout and Design Controls

SyncfusionUI 布局与设计控件JavaScript

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

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

起价:

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

仪表板面板布局

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

可调整大小的分割区域

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

基于卡片的内容分组

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

覆盖内容容器

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

结构化列表展示

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

上下文 UI 提示

提供 tooltip 组件，用于在界面元素附近显示上下文信息。仅在需要时展示附加详情，帮助保持布局整洁。

顺序内容布局

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

视觉身份元素

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

产品兼容性

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

组件类型

  • JavaScript

JavaScript 平台

  • Angular