Creator 套件元件概觀
[本文章是發行前版本文件,且隨時可能變更。]
下表列出了 Creator 套件中包含的元件,並描述該元件是否具有 Fluent UI,和支援它的應用程式類型 - 畫布應用程式、自訂頁面或模型導向應用程式。
發行狀態金鑰:
- 已發貨:穩定版本,可供生產使用。
- 預覽版:穩定版本,但可能會發生更改。 未準備好用於生產。
- 實驗性的:此功能正在開發中。 未準備好用於生產。
代碼元件 | 類型 | 概觀 | Fluent UI | 畫布應用程式 | 自訂頁面 | 模型導向應用程式 | 發行狀態 |
---|---|---|---|---|---|---|---|
AutoWidthLabel aka.ms/ck/autowidth 標籤 |
使用者介面 | 具有類似於標準畫布應用程式標籤的行為,但是會動態擴展寬度以容納文字。 目前畫布應用程式中並不支援此功能。 | 否 | .是 | .是 | 否 | 已發貨 |
Breadcrumb aka.ms/ck/麵包屑 |
使用者介面 | 提供 Fluent UI Breadcrumb 控制項的包裝函式。 |
.是 | .是 | .是 | 否 | 已發貨 |
Calendar aka.ms/ck/日曆 |
使用者介面 | 提供 Fluent UI Calendar 控制項的包裝函式。 |
.是 | .是 | .是 | 否 | 已發貨 |
ContextMenu aka.ms/ck/contextmenu |
使用者介面 | 為繫結至按鈕的 Fluent UI ContextMenu 控制項提供了一個包裝函式,以便在畫布和畫布應用程式和自訂頁面中使用。 |
.是 | .是 | .是 | 否 | 已發貨 |
CommandBar aka.ms/ck/命令列 |
使用者介面 | 提供 Fluent UI CommandBar 控制項的包裝函式。 |
.是 | .是 | .是 | 否 | 已發貨 |
DetailsList aka.ms/ck/detailslist |
使用者介面 | 允許使用 Fluent UI DetailsList 元件。 |
.是 | .是 | .是 | 無 | 已發貨 |
DonutChart aka.ms/ck/圓環圖 |
使用者介面 | 允許使用 Fluent UI DonutChart 元件。 |
.是 | .是 | .是 | 無 | 預覽版 |
Dialog aka.ms/ck/對話 |
使用者介面 | 模仿 Fluent UI Dialog 元件的樣式和行為。 |
.是 | .是 | .是 | 否 | 實驗性 |
Elevation aka.ms/ck/海拔 |
使用者介面 | 提供 Fluent UI 提升支援滑鼠暫留事件。 | .是 | .是 | .是 | 否 | 已發貨 |
ExpandMenu aka.ms/ck/expand 功能表 |
使用者介面 | 提供可擴充的功能表介面 (也稱為漢堡功能表)。 | 否 | .是 | .是 | 否 | 實驗性 |
Facepile aka.ms/ck/面樁 |
使用者介面 | 提供 Fluent UI Facepile 控制項的包裝函式。 |
.是 | .是 | .是 | 無 | 已發貨 |
GaugeChart aka.ms/ck/gaugechart |
使用者介面 | 提供 Fluent UI 控制件的 GaugeChart 包裝器。 |
.是 | .是 | .是 | 無 | 預覽版 |
HorizontalBarChart aka.ms/ck/horizontalbarchart |
使用者介面 | 提供 Fluent UI 控制件的 HorizontalBarChart 包裝器。 |
.是 | .是 | .是 | 無 | 預覽版 |
HorizontalBarChart-Stacked aka.ms/ck/stackedbarchart |
使用者介面 | 提供 Fluent UI 控制件的 HorizontalBarChart-Stacked 包裝器。 |
.是 | .是 | .是 | 無 | 預覽版 |
Icon aka.ms/ck/圖示 |
使用者介面 | 使用自訂樣式的 Fluent UI 字型圖示,圖示按鈕和動作按鈕。 | .是 | .是 | .是 | 否 | 已發貨 |
KeyboardShortcuts aka.ms/ck/keyboardshortcuts |
公用程式 | 註冊鍵按下事件處理常式,以允許在畫布應用程式中使用鍵盤快速鍵。 | 否 | .是 | 否 | 否 | 已發貨 |
Nav aka.ms/ck/導航 |
使用者介面 | 為繫結至按鈕的 Fluent UI Nav 元件控制項提供了一個包裝函式,以便在畫布和畫布應用程式和自訂頁面中使用。 |
.是 | .是 | .是 | 否 | 已發貨 |
Panel aka.ms/ck/面板 |
使用者介面 | 從畫布元件可從畫布應用程式和自訂頁面中模仿 Fluent UI Panel 元件的樣式和行為。 |
.是 | .是 | .是 | 否 | 實驗性 |
PeoplePicker aka.ms/ck/peoplepicker |
使用者介面 | 提供 Fluent UI PeoplePicker 控制項的包裝函式。 |
.是 | .是 | .是 | 否 | 預覽版 |
Persona aka.ms/ck/角色 |
使用者介面 | 提供 Fluent UI Persona 控制項的包裝函式。 |
.是 | .是 | .是 | 否 | 預覽版 |
Picker aka.ms/ck/picker |
使用者介面 | 提供 Fluent UI 標籤選取器支援自訂項目樣式,以允許色彩和圖示標籤。 | .是 | .是 | .是 | 否 | 已發貨 |
Pivot aka.ms/ck/支點 |
使用者介面 | 包含 Fluent UI Pivot 控制項,以便在畫布應用程式和自訂頁面中使用。 |
.是 | .是 | .是 | 否 | 已發貨 |
ProgressIndicator aka.ms/ck/progressindicator(進度指示器) |
使用者介面 | 從畫布元件可從畫布應用程式和自訂頁面中模仿 Fluent UI ProgressIndicator 元件的樣式和行為。 |
.是 | .是 | .是 | 否 | 已發貨 |
ResizableTextArea aka.ms/ck/resizabletextarea |
使用者介面 | 使用者可使用右下角的控制代碼調整文字區域控制項。 可以將樣式設定為看起來像經典、Fluent UI 或模型導向文字欄位控制項。 | 否 | .是 | .是 | .是 | 已發貨 |
SearchBox aka.ms/ck/搜索框 |
使用者介面 | 提供 Fluent UI SearchBox 控制項的包裝函式,以便在畫布和自訂頁面中使用。 | .是 | .是 | .是 | 否 | 預覽版 |
Shimmer aka.ms/ck/微光 |
使用者介面 | 為 Fluent UI Shimmer 控制項提供了一個包裝函式,以便在畫布應用程式和自訂頁面中使用。 |
.是 | .是 | .是 | 否 | 已發貨 |
SpinButton aka.ms/ck/spin 按鈕 |
使用者介面 | 為 Fluent UI SpinButton 控制項提供了一個包裝函式,以便在畫布應用程式和自訂頁面中使用。 |
.是 | .是 | .是 | 否 | 預覽版 |
Spinner aka.ms/ck/旋轉 |
使用者介面 | 從畫布元件可從畫布應用程式和自訂頁面中模仿 Fluent UI Spinner 元件的樣式和行為。 |
.是 | .是 | .是 | 否 | 已發貨 |
SubwayNav aka.ms/ck/地鐵導航 |
使用者介面 | 提供 Office 365 Admin SubwayNav 控制項的包裝函式,以便在畫布應用程式和自訂頁面中使用。 | .是 | .是 | .是 | 否 | 預覽版 |
TagList aka.ms/ck/taglist |
使用者介面 | 提供標籤清單,其提供繫結到集合的彈性寬度呈現。 | .是 | .是 | .是 | 否 | 已發貨 |