---
robots: nofollow, noindex
tags: planning
---

# Roadmap v2

## Principles
- Should be building for real product scenarios
- Ideally with a team ready to build out and ship in a product

## End Goal
- A minimal, but useful, set of components that:
- follow our converged pattern for building components
- support slots and design tokens
- follow OpenUI for component anatomy and surface
- support refreshed visuals and interactions

### Customer goals:
- Support mixing and matching components between react and react-northstar. It seems like of particular importance would be allowing converged components to be used in an app built with either `@fluentui/react` or `@fluentui/react-northstar`.
- Components should be able to be dropped in any product built with Fluent UI and have thier styling be inherited from the host app. Resulting in the component looking native in that application.
- Style overrides and nudging is done in a controlled manner. [jslone - is this just design tokens? Or more?]
- Small bundle size and right-sized components meeting specific needs
- Easy upgrades between major versions. Breaking changes grouped by components. Allow incremental adoption of changes.
- Fast render perf
- Accessible by design

## Path to end goal
1. Prove out component model by solving real product challenges
1. Agree on the model and ship a small set of converged components
- Document model, educate
3. Scale out, tackling larger scenarios while iterating based on feedback from initial set

## High level items
- Deliver baseline set of controls - [Fluent Baseline Controls](https://microsoft.sharepoint.com/:x:/t/Office_CXE/PM/EZcraGN8NohOrI8RGOWIT3UBpnhN_MaISSenUJtTWy8e1Q?e=ytBbuz). Big items:
- Dropdown [Ben?]
- Tooltip [Josche?](/UhqsyldFRZC_71OXIPGkmg)
- Callout, Dialog, Panel, (Modal?) [Josche]
- Menu [Ben?]
- TextField, Form (incl validation), also Password [Elizabeth]
- Slider, Separator, Label, [Jon]
- FocusZone [Mak]
- Spinner (Later Skeleton/Shimmer, Progress)
- Tabs (Pivot) [Ben]
- RadioGroup, Toggle, Checkbox [Xu]
- Q2FY21
- Button
- Link
- Avatar
- Text
- Icon
- Image
- [Xu] Support a common ThemeProvider that allows converged components to be used in both with `@fluentui/react` and `@fluentui/react-northstar`
- [Tomi] Deliver an updated and open Icon story
- [Jon] Smooth out upgrade process

# Leaning the towers - the next steps
We've been working on the idea of leaning the towers between v7 and v0. It's moving along and we are making real progress, but the one thing that seems to be missing is a clear mid/long term goal and a path to gether there. We can all understand what leaning the towers means. The thing we need, however, is more shared understanding of how exactly we will lean the towers, and what some clear mid term goals are.

## Goal
- A minimal converged set of components

## Convergence Milestones
- Components are built the same way and use the same utlities
- Components have same stlying and theming model
- Components have same iteraction model
- Components have the same API
- Finally components are the same