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
AutoWidthLabel
aka.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
Breadcrumb
aka.ms/ck/breadcrumb
User Interface Provides a wrapper around the Fluent UI Breadcrumb control. Yes Yes Yes No Shipped
Calendar
aka.ms/ck/calendar
User Interface Provides a wrapper around the Fluent UI Calendar control. Yes Yes Yes No Shipped
ContextMenu
aka.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
CommandBar
aka.ms/ck/commandbar
User Interface Provides a wrapper around the Fluent UI CommandBar control. Yes Yes Yes No Shipped
DetailsList
aka.ms/ck/detailslist
User Interface Allows the use of the Fluent UI DetailsList component. Yes Yes Yes No Shipped
DonutChart
aka.ms/ck/donutchart
User Interface Allows the use of the Fluent UI DonutChart component. Yes Yes Yes No Preview
Dialog
aka.ms/ck/dialog
User Interface Mimics the style and behavior of the Fluent UI Dialog component. Yes Yes Yes No Experimental
Elevation
aka.ms/ck/elevation
User Interface Provides Fluent UI elevation support with mouse hover events. Yes Yes Yes No Shipped
ExpandMenu
aka.ms/ck/expandmenu
User Interface Provides an expandable menu interface (also known as hamburger menu). No Yes Yes No Experimental
Facepile
aka.ms/ck/facepile
User Interface Provides a wrapper around the Fluent UI Facepile control. Yes Yes Yes No Shipped
GaugeChart
aka.ms/ck/gaugechart
User Interface Provides a wrapper around the Fluent UI GaugeChart control. Yes Yes Yes No Preview
HorizontalBarChart
aka.ms/ck/horizontalbarchart
User Interface Provides a wrapper around the Fluent UI HorizontalBarChart control. Yes Yes Yes No Preview
HorizontalBarChart-Stacked
aka.ms/ck/stackedbarchart
User Interface Provides a wrapper around the Fluent UI HorizontalBarChart-Stacked control. Yes Yes Yes No Preview
Icon
aka.ms/ck/icon
User Interface Fluent UI font icon, icon button, and action button with custom styling. Yes Yes Yes No Shipped
KeyboardShortcuts
aka.ms/ck/keyboardshortcuts
Utility Registers keypress event handlers to allow keyboard shortcuts to be used inside canvas apps. No Yes No No Shipped
Nav
aka.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
Panel
aka.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
PeoplePicker
aka.ms/ck/peoplepicker
User Interface Provides a wrapper around the Fluent UI PeoplePicker control. Yes Yes Yes No Preview
Persona
aka.ms/ck/persona
User Interface Provides a wrapper around the Fluent UI Persona control. Yes Yes Yes No Preview
Picker
aka.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
Pivot
aka.ms/ck/pivot
User Interface Wraps the Fluent UI Pivot control for use in canvas apps and custom pages. Yes Yes Yes No Shipped
ProgressIndicator
aka.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
ResizableTextArea
aka.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
SearchBox
aka.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
Shimmer
aka.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
SpinButton
aka.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
Spinner
aka.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
SubwayNav
aka.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
TagList
aka.ms/ck/taglist
User Interface Provides a tag list that provides flexible-width rendering bound to a collection. Yes Yes Yes No Shipped