Syncfusion React UI Navigation Controls

SyncfusionUI 導航控制JavaScript

可自訂的 React 導覽元件，適用於階層式選單與工作流程。

  • 提供透過選單、分頁、側邊欄與功能區進行的導覽。
  • 支援階層式、情境式與以步驟為基礎的導覽模式。
  • 引導使用者瀏覽內容、命令與多步驟流程。
Syncfusion logo

起價:

載入中...
包含在以下產品
Syncfusion Essential Studio UI Component Suite載入中
Syncfusion Essential Studio Enterprise載入中
Syncfusion React UI Navigation Controls 產品圖片
Syncfusion React UI Navigation Controls 是一組用於管理 React 應用程式中的導覽流程與命令存取的元件。它包含選單系統、階層式瀏覽、分頁介面、功能區版面配置，以及以步驟為基礎的工作流程元件，協助開發人員建立一致且結構化的 React 應用程式。

Accordion Navigation Panels

提供手風琴元件，用於將導覽項目整理成可展開與可摺疊的區塊。此版面配置有助於管理導覽密度，同時在垂直結構中將相關連結分組。

Application Bar Navigation

包含 app bar 元件，用於在介面的頂部或底部呈現主要導覽動作。App bar 會在一致且易於存取的位置顯示常用命令。

Breadcrumb Navigation Trails

提供麵包屑元件，顯示應用程式中的目前導覽路徑。這些路徑可協助使用者了解所在位置，並回到先前的導覽層級。

Carousel Based Navigation

包含 carousel 元件，可讓使用者在一系列內容項目之間進行導覽。此模式支援群組視圖或精選區塊的水平瀏覽。

Contextual Menu Navigation

提供快顯選單元件，根據使用者互動呈現導覽與命令選項。這些選單會按需出現，並支援特定內容的動作。

Menu Bar Navigation

包含選單列元件，用於將導覽連結與命令整理成水平選單結構。此模式支援熟悉的網頁導覽樣式。

Sidebar Navigation Panels

提供側邊欄元件，用於在可摺疊的側邊面板中顯示導覽連結。側邊欄支援持續可用的導覽，同時讓內容區域保持醒目。

Tabbed Navigation Views

提供分頁元件，用於將內容整理為同一頁面中的不同視圖。分頁可讓使用者快速切換相關區段，而無需離開目前的情境。

Toolbar Command Navigation

包含工具列元件，用於將導覽動作與命令分組成精簡的水平版面。工具列會將常用動作保持在靠近相關內容區域的位置。

Hierarchical Tree Navigation

提供樹狀檢視元件，用於以階層式格式呈現導覽結構。這種方式支援瀏覽巢狀內容與管理多層級導覽路徑。

File System Style Navigation

提供檔案管理器元件，用於在應用程式介面中瀏覽資料夾與檔案。此控制項支援階層式檔案系統的結構化瀏覽。

Ribbon Based Command Navigation

包含功能區元件，用於將命令整理為分類群組。功能區支援需要清楚結構化命令的複雜導覽情境。

Step Based Navigation

提供步驟器元件，用於引導使用者完成多步驟流程。步驟器會依序呈現每個階段，協助使用者追蹤進度並了解所需步驟。

產品相容性

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

元件類型

  • JavaScript

JavaScript 平台

  • React