Component Lifecycle & Roadmap

Are you looking for a roadmap of the latest components for v9?

This component lifecycle and roadmap guide will show you the development phases a component travels through and a roadmap with estimates and timelines.

Component Lifecycle

This guide helps set expectations for each phase.

Question mark

To Be Determined (TBD)

The component is on the roadmap, but the team is not actively designing or implmenting it yet.

magnifying glass

Research

  1. 1. A scaffolded/prototyped component within the defined feature scope
  2. 2. Relative high confidence estimation on when the component will reach the next phase on a quarter boundary
Unstable components

Unstable (Preview)

The main criteria for moving from Research to an Unstable component is:

  1. 1. Component exported via the unstable deep import
  2. 2. Component has a majority of the feature set complete, but may still be added or removed
  3. 3. Relative high confidence estimation on when the component will reach the next phase on a quarter boundary
magnifying glass

Stable (Released)

The main criteria for moving from Unstable to Stable phase is:

  1. 1. Component exported from the top level of the UI library
  2. 2. Component is design and feature complete
  3. 3. Future API changes will occur according to semver
  4. 4. Component can be used in Production
  5. 5. The component has gone through a long list of testing

Essentially the component is ready to be used.

Timeline and Estimates

The team tends to estimate component completion from start to finish for roughly 2 quarters. This is highly dependent on the complexity of the component, but that gives partner teams enough time to plan and sets expectations on timelines. We also check-in mid-quarter to notify any changes to the schedule as that should give runway to adapt to any changes. Quarters are based on the Financial Year.

Note: Estimates and timelines are approximate targets for a component and are subject to change as we iterate through the development lifecycle.

Component Roadmap

ComponentAreaPhaseStatusETA
AvatarAvatar1Stable
ButtonButton1Stable
ToggleButtonButton1Stable
IconIcon1Stable
FluentProviderUtility1Stable
LinkNav1Stable
DividerMenu1Stable
TextBasic2Stable
MenuButtonButton2Stable
MenuMenu2Stable
PopoverSurfaces2Stable
TooltipSurfaces?2Stable
BadgeAvatar2Stable
AccordionNav2Stable
ImageBasic3Stable
LabelFormControls3Stable
InputFormControls3Stable
CompoundButtonButton3Stable
SplitButtonButton3Stable
CheckboxFormControls3Stable
TextAreaFormControls4Stable
SliderFormControls4Stable
SwitchFormControls4Stable
RadioFormControls4Stable
PortalSurfaces4Stable
TabsSurfaces?5Stable
SpinnerProgress5Stable
SpinbuttonFormControls5Stable
SelectFormControls5UnstableStable - Q2
DialogSurfaces6Stable
Dropdown/ComboBoxPickers6UnstableStable - Q2
ToolbarMenu6UnstableStable - Q2
AvatarGroupAvatar6UnstableStable - Q2
CardSurfaces6UnstableStable - Q2 (mid-Nov)
ProgressIndicatorProgress6UnstableStable - Q2
TableLists7UnstableStable - Q2
ToastNotifications7In ProgressUnstable - Q3
AlertNotifications7UnstableStable - Q2
DrawerSurfaces7Not StartedUnstable - Q2
TreeLists7Not StartedUnstable - Q2
FieldFormControls7UnstableStable - Q2
PersonaAvatar7UnstableStable - Q2
InfoButtonFormControls7Not StartedUnstable - Q2
VirtualizerLists8ResearchUnstable - Q2
DatePickerDateTime8Not StartedResearch - Q2
ShimmerProgress8Not StartedResearch - Q2
BreadcrumbNav8Not StartedResearch - Q2
PillPickers8Not StartedResearch - Q2
TeachingCalloutNotifications8Not StartedTBD
RatingFormControls8Not StartedTBD
CoachmarkNotifications8Not StartedTBD
NavNav8Not StartedTBD
PeoplePickerPickers10Not StartedTBD
TimePickerDateTime10Not StartedTBD
ColorPickerPickers10Not StartedTBD
SwatchColorPickerPickers10Not StartedTBD
Carousel15Not StartedTBD
OverflowSetMenu15Not StartedTBD
FormFormControls15Not StartedTBD
CalendarDateTime15Not StartedTBD
Reaction15Not StartedTBD
PickerPickers15Not StartedTBD
AttachmentContrib15Not StartedTBD