Syncfusion Blazor UI Layout and Design Controls

SyncfusionUI 布局与设计控件.NET

用于组织 Blazor 应用程序界面的布局和设计组件。

  • 使用 dashboard 和 split 布局组件排列内容。
  • 通过 cards、lists 和 timelines 对内容进行分组和呈现。
  • 在布局中显示上下文相关和响应式 UI 元素。
Syncfusion logo

起价:

加载中...
包含在以下产品
Syncfusion Essential Studio UI Component Suite加载中
Syncfusion Essential Studio Enterprise加载中
Syncfusion Blazor UI Layout and Design Controls 产品图片
Syncfusion Blazor UI Layout and Design Controls 是一组用于组织页面结构并在 Blazor 应用程序中呈现内容的组件。它支持基于面板的布局、可调整大小的区域、内容分组、顺序展示以及响应式行为，帮助开发者构建清晰一致的用户界面组合。

Dashboard 面板布局

提供一个 dashboard 布局组件，用于在基于网格的结构中排列面板。它支持面板定位和大小调整，非常适合构建可配置工作区和信息密集型应用视图。

可调整大小的分割区域

包含一个 splitter 组件，可将可用空间划分为可调整大小的窗格。它允许内容区域并排呈现，同时让用户控制空间分配方式。

基于卡片的内容分组

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

覆盖层内容容器

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

结构化列表呈现

包含 list view 组件，用于以一致的布局呈现项目集合。这些组件支持模板化项目渲染，并有助于在结构化视图中组织重复内容。

上下文相关的 UI 提示

提供 tooltip 组件，用于在界面元素附近显示上下文信息。这些组件可提供额外细节，而不会永久占用布局空间。

响应式布局适配

提供 media query 组件，使布局能够根据屏幕大小或设备特性进行调整。这些组件有助于在 Blazor 应用程序中管理响应式行为。

顺序内容布局

包含 timeline 组件，用于以顺序的视觉结构呈现项目。这些组件有助于以清晰易读的布局显示有序事件或步骤。

视觉身份元素

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

产品兼容性

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

组件类型

  • .NET

.NET 版本

  • .NET 10 LTS
  • .NET 9 STS
  • .NET 8 LTS

.NET 平台

  • .NET Blazor / WebAssembly

IDE 支持

  • Visual Studio