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.
Code component | Type | Overview | Fluent UI | Canvas apps | Custom pages | Model-driven apps |
---|---|---|---|---|---|---|
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 |
Breadcrumb |
User Interface | Provides a wrapper around the Fluent UI Breadcrumb control. |
Yes | Yes | Yes | No |
Calendar |
User Interface | Provides a wrapper around the Fluent UI Calendar control. |
Yes | Yes | Yes | No |
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 |
CommandBar |
User Interface | Provides a wrapper around the Fluent UI CommandBar control. |
Yes | Yes | Yes | No |
DetailsList |
User Interface | Allows the use of the Fluent UI DetailsList component. |
Yes | Yes | Yes | No |
Dialog |
User Interface | Mimics the style and behavior of the Fluent UI Dialog component. |
Yes | Yes | Yes | No |
Elevation |
User Interface | Provides Fluent UI elevation support with mouse hover events. | Yes | Yes | Yes | No |
ExpandMenu |
User Interface | Provides an expandable menu interface (also known as hamburger menu). | No | Yes | Yes | No |
Facepile |
User Interface | Provides a wrapper around the Fluent UI Facepile control. |
Yes | Yes | Yes | No |
Icon |
User Interface | Fluent UI font icon, icon button, and action button with custom styling. | Yes | Yes | Yes | No |
KeyboardShortcuts |
Utility | Registers keypress event handlers to allow keyboard shortcuts to be used inside canvas apps. | No | Yes | No | No |
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 |
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 |
PeoplePicker |
User Interface | Provides a wrapper around the Fluent UI PeoplePicker control. |
Yes | Yes | Yes | No |
Persona |
User Interface | Provides a wrapper around the Fluent UI Persona control. |
Yes | Yes | Yes | No |
Picker |
User Interface | Provides Fluent UI Tag Picker support with custom item styling to allow for color and icon tags. | Yes | Yes | Yes | No |
Pivot |
User Interface | Wraps the Fluent UI Pivot control for use in canvas apps and custom pages. |
Yes | Yes | Yes | No |
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 |
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 |
SearchBox |
User Interface | This code component provides a wrapper around the Fluent UI SearchBox control for use in canvas & custom pages. | Yes | Yes | Yes | No |
Shimmer |
User Interface | Provides a wrapper around the Fluent UI Shimmer control for use in canvas apps and custom pages. |
Yes | Yes | Yes | No |
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 |
TagList |
User Interface | Provides a tag list that provides flexible-width rendering bound to a collection. | Yes | Yes | Yes | No |
Feedback
Submit and view feedback for