Coachmark Component

[paulgildea]

💡 When you create a PR for any of the checklist items, add a link to this Epic under the PR's Related Issues section.

Preparation

• [ ] Open UI Research
  • [link to https://open-ui.org/]
• [ ] Open GitHub issues related to component
  • [link to each issue]
• [ ] Create react-* package and component from template
  • [link to package: https://github.com/microsoft/fluentui/tree/master/packages/react-components/react-(your-component)]
• [ ] (Optional) Draft implementation
  • [link to draft implementation, if applicable]
• [ ] Component Spec authored and reviewed

Implementation

• [ ] Component implementation
• [ ] Initial conformance and unit tests (validate basic functionality)
• [ ] Initial documentation
  • [ ] Storybook stories
  • [ ] README.md covering basic usage
  • [ ] MIGRATION.md guide (include v8 and v0)
• [ ] Component released as unstable from @fluentui/react-components/unstable

Validation

• [ ] Add tests
  • [ ] Unit and conformance tests
  • [ ] VR tests
  • [ ] Bundle size fixtures
  • [ ] Performance test scenario
  • [ ] Accessibility behavior tests
  • [ ] Create an issue and run manual accessibility tests: [link to issue]
• [ ] Validate with partners
• [ ] Run a bug bash with other FUI crews
• [ ] Finalize documentation
  • [ ] Review and add any missing storybook stories
  • [ ] Finalize migration guide
• [ ] Component released as stable from @fluentui/react-components
  • [ ] Ensure exports are removed from from @fluentui/react-components/unstable
  • [ ] In package.json: Remove the alpha/beta tag from the version number in package.json
  • [ ] In package.json: Change beachball's disallowedChangeTypes to "major", "prerelease"

[brandonthomas]

Pushing the date out here as we're still waiting on design concepts. Coachmark and TeachingBubble weren't being designed in parallel as once thought but in sequence.

[briandrouin]

Design: Karina

ADO task

[gouttierre]

📢 "Spec builds on Teachingbubble's work. Should the design complete the FRE design spec first? Karina removing watermark animation."

[gouttierre]

📢"The spec shouldn’t be much work and will play off the Teachingbubble’s work. Karina will start the design spec in the week of Ignite as she wraps up TeachingBubble's reaming work."

[gouttierre]

📢"Karina will be starting the design spec this week. A lot of the work is built on TeachingBubble implementations"

[gouttierre]

📢 " Karina conducted an investigation. The Teams team has been referring to the teaching popover as a coachmark, and so the design team will ensure that we are clear on the need. After the investigation, Karina believes that we may not need to create the traditional coachmark. By traditional, meaning the redesign of the blue water drop that turns into an interactive popover. Karina asked Geoff Cox for telemetry on how many people are currently using the coachmark in V8 to verify the hypothesis before resuming work on the spec."

cc @briandrouin

[gouttierre]

📢

• The work has been paused with Coachmark until the end of this quarter. The designers have assessed the need for the coachmark and they don’t need this component in the eco system right now as the TeachingPopover is so adaptable.
• If partners need the component, then a meeting with design will be held to review their use cases. cc @JustSlone , @behowell , @miroslavstastny, @tudorpopams

[microsoft-github-policy-service[bot]]

This issue has not had activity for over 180 days! We're adding Soft close label and will close it soon for house-keeping purposes. Still require assistance? Please add comment - "keep open".