<!-- 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 - [x] [Open UI Research](https://github.com/microsoft/fluentui/wiki/Component-Implementation-Guide#open-ui-research) - https://github.com/openui/open-ui/pull/726 - [x] [Open GitHub issues related to component](https://github.com/microsoft/fluentui/wiki/Component-Implementation-Guide#find-open-issues-on-github) - [link to each issue] - [x] [Create react-\* package and component from template](https://github.com/microsoft/fluentui/wiki/Component-Implementation-Guide#component-package) - Create `react-tags` package: #26002 - Add Tag component: - [x] (Optional) [Draft implementation](https://github.com/microsoft/fluentui/wiki/Component-Implementation-Guide#draft-implementation) - [link to draft implementation, if applicable] - [x] [Component Spec authored](https://github.com/microsoft/fluentui/wiki/Component-Implementation-Guide#component-spec) and [reviewed](https://github.com/microsoft/fluentui/wiki/Component-Implementation-Guide#spec-review) ---- review and update original spec https://github.com/microsoft/fluentui/blob/master/specs/Pills.md ## Implementation - [x] [Component implementation](https://github.com/microsoft/fluentui/wiki/Component-Implementation-Guide#implementation) - [x] Initial conformance and unit tests (validate basic functionality) - [x] [Initial documentation](https://github.com/microsoft/fluentui/wiki/Component-Implementation-Guide#documentation) - [x] [Storybook stories](https://github.com/microsoft/fluentui/wiki/Component-Implementation-Guide#storybook-stories) - [x] README.md covering basic usage - [ ] MIGRATION.md guide (include v8 and v0) - [x] [Component released as unstable](https://github.com/microsoft/fluentui/wiki/Component-Implementation-Guide#unstable-release) from `@fluentui/react-components/unstable` ## Validation - [x] [Add tests](https://github.com/microsoft/fluentui/wiki/Component-Implementation-Guide#tests) - [x] Unit and conformance tests - [x] VR tests - [x] Bundle size fixtures - [ ] Performance test scenario - [x] Accessibility behavior tests - [x] Create an issue and run [manual accessibility tests](https://github.com/microsoft/fluentui/wiki/Manual-Accessibility-Review-Checklist): #28921 - [ ] ~[Validate with partners](https://github.com/microsoft/fluentui/wiki/Component-Implementation-Guide#validation)~ (N/A) - [ ] [Finalize documentation](https://github.com/microsoft/fluentui/wiki/Component-Implementation-Guide#finalize-documentation) - [x] Review and add any missing storybook stories - [ ] Finalize migration guide - [x] bug bash docs with engineers and designers - [x] [Component released as stable](https://github.com/microsoft/fluentui/wiki/Component-Implementation-Guide#stable-release) 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"`
💡 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
react-tagspackage: chore(react-tags): Scaffold react-tags package #26002Implementation
@fluentui/react-components/unstableValidation
Validate with partners(N/A)@fluentui/react-components@fluentui/react-components/unstabledisallowedChangeTypesto"major", "prerelease"