<!-- These issues are used by core contributors to track the list of items that should be completed as part of creating a v9 component. More info can be found here: https://github.com/microsoft/fluentui/wiki/Component-Implementation-Guide --> 💡 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 GitHub issues related to component](https://github.com/microsoft/fluentui/wiki/Component-Implementation-Guide#find-open-issues-on-github) - #29786 - #29788 - #29789 - Create L2NavSectionHeader component - Create L2NavDrawer - [x] [Create react-\* package and component from template](https://github.com/microsoft/fluentui/wiki/Component-Implementation-Guide#component-package) - [link to package](https://github.com/microsoft/fluentui/tree/master/packages/react-components/react-nav-preview) - [ ] [Component Spec authored](https://github.com/microsoft/fluentui/wiki/Component-Implementation-Guide#component-spec) // using Figma for this. ## Implementation - [ ] [Component implementation](https://github.com/microsoft/fluentui/wiki/Component-Implementation-Guide#implementation) - [ ] Initial conformance and unit tests (validate basic functionality) - [ ] [Initial documentation](https://github.com/microsoft/fluentui/wiki/Component-Implementation-Guide#documentation) - [ ] [Storybook stories](https://github.com/microsoft/fluentui/wiki/Component-Implementation-Guide#storybook-stories) - [ ] README.md covering basic usage - [ ] MIGRATION.md guide (include v8 and v0) - [ ] [Component released as preview](https://github.com/microsoft/fluentui/wiki/Component-Implementation-Guide#preview-release) ## Validation - [ ] [Add tests](https://github.com/microsoft/fluentui/wiki/Component-Implementation-Guide#tests) - [ ] Unit and conformance tests - [ ] VR tests - [ ] Bundle size fixtures - [ ] Performance test scenario - [ ] Accessibility behavior tests - [ ] Create an issue and run [manual accessibility tests](https://github.com/microsoft/fluentui/wiki/Manual-Accessibility-Review-Checklist): [link to issue] - [ ] [Validate with partners](https://github.com/microsoft/fluentui/wiki/Component-Implementation-Guide#validation) - [ ] [Run a bug bash with other FUI crews](https://github.com/microsoft/fluentui/wiki/Component-Implementation-Guide#bug-bash) - [ ] [Finalize documentation](https://github.com/microsoft/fluentui/wiki/Component-Implementation-Guide#finalize-documentation) - [ ] Review and add any missing storybook stories - [ ] Finalize migration guide - [ ] [Component released as stable](https://github.com/microsoft/fluentui/wiki/Component-Implementation-Guide#stable-release) - [ ] Run the `prepare-initial-release` script to remove the `-preview` suffix from the package name - [ ] Deprecate the `-preview` package in NPM
💡 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 GitHub issues related to component
Create react-* package and component from template
Component Spec authored // using Figma for this.
Implementation
Validation
prepare-initial-releasescript to remove the-previewsuffix from the package name-previewpackage in NPM