Preparation:

• Started prep
• Open UI Research complete
  • https://open-ui.org/components/button
• Comparison on v8 and v0 complete
  • In SPEC.md
• Gather open GitHub issues related to component in epic issue
  • In Button: Open issues to resolve when converging #16819
• react-* package scaffolded
  • https://github.com/microsoft/fluentui/tree/master/packages/react-button
• Component Spec authored and reviewed
  • In SPEC.md
• Deliverable: Reviewed component spec

Implementation

• Started impl
  https://github.com/microsoft/fluentui/tree/master/packages/react-button
• Implement component
• Add storybook stories (see Documentation section below)
• Using hooks
• Using makeStyles
• Respects Figma tokens (and using provider)
• Respects API principles, shorthands and slots handling
• No dependency on v0/v7
• Add tests - Conformance, Unit, and VR
  • Conformance tests
  • Unit tests
  • VR tests
  • Accessibility behavior tests
• Write README.md covering basic usage
  • In README.md
• Write initial MIGRATION.md guide (include v8 and v0)
  • In MIGRATION.md
• Deliverable: Experimental component ready for partner use

Styling variants

• block
• circular
• outline
• primary
• subtle
• transparent

Component variants

• CompoundButton
• ToggleButton

Validation

• Started validating
• Add and validate in UI Builder
• Add and validate in docs site
• Validate with token pipeline
• Validate in product
  • Currently being validated in Ribbon
• Finalize migration guide
  • Author codemods
• Deliverable: Preview component ready for broader/3rd party use