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