Syncfusion JavaScript UI Layout and Design Controls

SyncfusionUI 版面配置與設計控制JavaScript

用於結構化 JavaScript 應用程式介面的版面配置與設計元件。

  • 使用可設定的儀表板與分割版面配置元件排列面板。
  • 以卡片、清單與視覺識別元素分組並呈現內容。
  • 透過覆蓋層與內嵌 UI 提示顯示情境內容。
Syncfusion logo

起價:

載入中...
包含在以下產品
Syncfusion Essential Studio UI Component Suite載入中
Syncfusion Essential Studio Enterprise載入中
Syncfusion JavaScript UI Layout and Design Controls 產品圖片
Syncfusion JavaScript UI Layout and Design Controls 是一組用於組織頁面結構並在 JavaScript 應用程式中呈現內容的元件。它支援以面板為基礎的版面配置、可調整大小的區域、內容分組、清單呈現與情境式覆蓋層，協助開發人員建立清晰的 UI 組合，並在螢幕與內容變動時維持一致性。

Dashboard Panel Layout

提供類儀表板版面配置元件，可在格線中排列面板。它支援將面板放置到定義的位置，並在單一檢視中管理面板版面配置，因此適合用於建立可設定的工作區與資訊密集型畫面。

Resizable Split Regions

包含 splitter 元件，可將可用空間分割為多個區域。它讓使用者能調整窗格大小，協助應用程式呈現並排內容區域，例如導覽與詳細資訊檢視，或多面板工作區。

Card Based Content Grouping

提供 card 元件，用於將相關內容分組到結構化容器中。它有助於建立視覺層級、區分頁面區塊，並在不同檢視中一致地呈現內容區塊。

Overlay Content Containers

提供 dialog 元件，用於以覆蓋層方式呈現內容。它支援顯示補充內容、確認訊息或專注式檢視，而不會變更底層頁面版面配置。

Structured List Presentation

包含 list view 元件，用於以一致的版面配置呈現項目集合。它有助於渲染可重複的內容列、支援以範本呈現項目，並讓清單在複雜介面中保持易讀。

Contextual UI Hints

提供 tooltip 元件，用於在 UI 元素附近顯示情境資訊。它有助於傳達含義與用法，而不需加入永久顯示的螢幕內容，從而讓版面保持簡潔且更容易掃視。

Visual Identity Elements

提供 avatar 元件，用於顯示影像或姓名縮寫等識別視覺元素。它支援在頁首、清單與群組內容區域中一致地放置使用者或實體代表。

Sequential Content Layout

包含 timeline 元件，用於以順序結構呈現項目。它有助於以清楚的視覺流程顯示有先後順序的事件或步驟，支援重視時間順序或進程的版面配置。

產品相容性

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

元件類型

  • JavaScript

JavaScript 平台

  • Vanilla JavaScript