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