Syncfusion Angular UI Layout and Design Controls

SyncfusionUI 版面配置與設計控制JavaScript

用於建構 Angular 應用程式介面的版面與設計元件。

  • 使用 dashboard 與 split 版面元件排列內容。
  • 以 cards、lists 和 timelines 分組並呈現內容。
  • 使用 overlays 與 UI hints 顯示情境資訊。
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 應用程式中建構頁面版面並呈現內容的元件集合。它支援以面板為基礎的版面、可調整大小的區域、內容分組、依序呈現以及情境式覆蓋層，協助開發人員建立清晰且井然有序的使用者介面。

Dashboard Panel Layout

提供用於在格線結構內排列面板的 dashboard 版面元件。面板可進行定位與調整大小，以建立可設定的工作區與資訊密集的應用程式檢視。

Resizable Split Regions

包含 splitter 元件，可將可用空間分割為可調整大小的窗格。並排的內容區域可動態調整，讓螢幕空間得以彈性運用。

Card Based Content Grouping

提供 card 元件，將相關內容分組為結構化容器。Card 有助於建立視覺層級，並在各個 Angular 檢視中一致地組織內容區塊。

Overlay Content Containers

提供 modal dialog 元件，用於在覆蓋區域中呈現內容。可在不影響底層頁面版面的情況下顯示補充或聚焦資訊。

Structured List Presentation

包含 list view 元件，用於以一致的版面呈現項目集合。可使用樣板化的清單結構清楚地組織重複內容。

Contextual UI Hints

提供 tooltip 元件，用於在介面元素附近顯示情境資訊。只有在需要時才會顯示額外細節，有助於保持版面整潔。

Sequential Content Layout

包含 timeline 元件，用於以順序性的視覺結構呈現項目。依序排列的事件或步驟會以清晰且易讀的流程顯示。

Visual Identity Elements

提供 avatar 元件，用於顯示圖片或縮寫等身分視覺。這些元素支援在標頭、清單與分組內容區域中保持一致的呈現。

產品相容性

請查看以下詳細資訊，以確保此產品在您的環境中受支援。

元件類型

  • JavaScript

JavaScript 平台

  • Angular