Overview of the Creator Kit components
[This article is pre-release documentation and is subject to change.]
The following table lists the components included with the Creator Kit, and describes whether the component has Fluent UI and which app type supports it—canvas apps, custom pages, or model-driven apps.
Release status key:
- Shipped: Stable release, ready for production use.
- Preview: Stable release but subject to change. Not ready for production use.
- Experimental: This feature is a work in progress. Not ready for production use.
| Code component | Type | Overview | Fluent UI | Canvas apps | Custom pages | Model-driven apps | Release status |
|---|---|---|---|---|---|---|---|
AutoWidthLabelaka.ms/ck/autowidthlabel |
User interface | Has behavior similar to the standard canvas app label, but expands dynamically in width to accommodate the text. This functionality is currently not supported in canvas apps today. | No | Yes | Yes | No | Shipped |
Breadcrumbaka.ms/ck/breadcrumb |
User Interface | Provides a wrapper around the Fluent UI Breadcrumb control. |
Yes | Yes | Yes | No | Shipped |
Calendaraka.ms/ck/calendar |
User Interface | Provides a wrapper around the Fluent UI Calendar control. |
Yes | Yes | Yes | No | Shipped |
ContextMenuaka.ms/ck/contextmenu |
User Interface | Provides a wrapper around the Fluent UI ContextMenu control bound to a button for use in canvas apps and custom pages. |
Yes | Yes | Yes | No | Shipped |
CommandBaraka.ms/ck/commandbar |
User Interface | Provides a wrapper around the Fluent UI CommandBar control. |
Yes | Yes | Yes | No | Shipped |
DetailsListaka.ms/ck/detailslist |
User Interface | Allows the use of the Fluent UI DetailsList component. |
Yes | Yes | Yes | No | Shipped |
DonutChartaka.ms/ck/donutchart |
User Interface | Allows the use of the Fluent UI DonutChart component. |
Yes | Yes | Yes | No | Preview |
Dialogaka.ms/ck/dialog |
User Interface | Mimics the style and behavior of the Fluent UI Dialog component. |
Yes | Yes | Yes | No | Experimental |
Elevationaka.ms/ck/elevation |
User Interface | Provides Fluent UI elevation support with mouse hover events. | Yes | Yes | Yes | No | Shipped |
ExpandMenuaka.ms/ck/expandmenu |
User Interface | Provides an expandable menu interface (also known as hamburger menu). | No | Yes | Yes | No | Experimental |
Facepileaka.ms/ck/facepile |
User Interface | Provides a wrapper around the Fluent UI Facepile control. |
Yes | Yes | Yes | No | Shipped |
GaugeChartaka.ms/ck/gaugechart |
User Interface | Provides a wrapper around the Fluent UI GaugeChart control. |
Yes | Yes | Yes | No | Preview |
HorizontalBarChartaka.ms/ck/horizontalbarchart |
User Interface | Provides a wrapper around the Fluent UI HorizontalBarChart control. |
Yes | Yes | Yes | No | Preview |
HorizontalBarChart-Stackedaka.ms/ck/stackedbarchart |
User Interface | Provides a wrapper around the Fluent UI HorizontalBarChart-Stacked control. |
Yes | Yes | Yes | No | Preview |
Iconaka.ms/ck/icon |
User Interface | Fluent UI font icon, icon button, and action button with custom styling. | Yes | Yes | Yes | No | Shipped |
KeyboardShortcutsaka.ms/ck/keyboardshortcuts |
Utility | Registers keypress event handlers to allow keyboard shortcuts to be used inside canvas apps. | No | Yes | No | No | Shipped |
Navaka.ms/ck/nav |
User Interface | Provides a wrapper around the Fluent UI Nav component control bound to a button for use in canvas apps and custom pages. |
Yes | Yes | Yes | No | Shipped |
Panelaka.ms/ck/panel |
User Interface | Mimics the style and behavior of the Fluent UI Panel component from inside canvas apps and custom pages. |
Yes | Yes | Yes | No | Experimental |
PeoplePickeraka.ms/ck/peoplepicker |
User Interface | Provides a wrapper around the Fluent UI PeoplePicker control. |
Yes | Yes | Yes | No | Preview |
Personaaka.ms/ck/persona |
User Interface | Provides a wrapper around the Fluent UI Persona control. |
Yes | Yes | Yes | No | Preview |
Pickeraka.ms/ck/picker |
User Interface | Provides Fluent UI Tag Picker support with custom item styling to allow for color and icon tags. | Yes | Yes | Yes | No | Shipped |
Pivotaka.ms/ck/pivot |
User Interface | Wraps the Fluent UI Pivot control for use in canvas apps and custom pages. |
Yes | Yes | Yes | No | Shipped |
ProgressIndicatoraka.ms/ck/progressindicator |
User Interface | Mimics the style and behavior of the Fluent UI ProgressIndicator component from inside canvas apps and custom pages. |
Yes | Yes | Yes | No | Shipped |
ResizableTextAreaaka.ms/ck/resizabletextarea |
User interface | A text area control that the user can resize by using a handle in the lower-right corner. Can be styled to look like either the classic, Fluent UI, or model-driven text field controls. | No | Yes | Yes | Yes | Shipped |
SearchBoxaka.ms/ck/searchbox |
User Interface | Provides a wrapper around the Fluent UI SearchBox control for use in canvas & custom pages. | Yes | Yes | Yes | No | Preview |
Shimmeraka.ms/ck/shimmer |
User Interface | Provides a wrapper around the Fluent UI Shimmer control for use in canvas apps and custom pages. |
Yes | Yes | Yes | No | Shipped |
SpinButtonaka.ms/ck/spinbutton |
User Interface | Provides a wrapper around the Fluent UI SpinButton control for use in canvas apps and custom pages. |
Yes | Yes | Yes | No | Preview |
Spinneraka.ms/ck/spinner |
User Interface | Mimics the style and behavior of the Fluent UI Spinner component from inside canvas apps and custom pages. |
Yes | Yes | Yes | No | Shipped |
SubwayNavaka.ms/ck/subwaynav |
User Interface | Provides a wrapper around the Office 365 Admin SubwayNav control for use in canvas & custom pages. | Yes | Yes | Yes | No | Preview |
TagListaka.ms/ck/taglist |
User Interface | Provides a tag list that provides flexible-width rendering bound to a collection. | Yes | Yes | Yes | No | Shipped |
Feedback
Coming soon: Throughout 2024 we will be phasing out GitHub Issues as the feedback mechanism for content and replacing it with a new feedback system. For more information see: https://aka.ms/ContentUserFeedback.
Submit and view feedback for