evo-react: migrate ebay-toggle-button-group
Open
Nobody has claimed this yet.
package: evo-web/react
- Dominant language
- TypeScript
- Stars
- 51
- Forks
- 52
- Avg merge
- 3d 12h
- Merged PRs (30d)
- 44
Description
Parent: #794
Description
Migrate @ebay/ui-core-react/ebay-toggle-button-group to @evo-web/react/toggle-button-group.
Use the repository's Evo React migration guidance.
Goals
- Preserve semantic HTML, Skin/BEM styling, accessibility behavior, keyboard support, RTL behavior, and pass-through attributes.
- Align the public API with the corresponding Evo Marko contract without carrying forward obsolete React workarounds.
- Follow React 19 and
@evo-web/reactpackage conventions.
Acceptance criteria
- Uses named exports, native React 19
refprops, and noforwardRef,FC, or default exports. - Imports the appropriate Skin
.mjsmodule directly. - Avoids
React.Childreninspection; composition uses explicit components/context where needed. - Public custom props and object fields have JSDoc and follow Evo accessibility naming conventions.
- Includes browser interaction tests and SSR snapshot coverage.
- Includes Storybook documentation and a minimal component README.
- Updates consumer migration guidance in
evo-app-migrate-react. - Includes an
@evo-web/reactchangeset. - Meets WCAG 2.2 AA and supports keyboard use and RTL.
-
npm run buildpasses.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with .agents/skills/evo-migrate-react/SKILL.md, then inspect the existing toggle-button-group contract and the evo-app-migrate-react guidance. Implement the migrated component with its browser interaction tests, SSR snapshots, Storybook documentation, README, and changeset; done means WCAG 2.2 AA, keyboard and RTL behavior, migration guidance, and npm run build all pass.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, storybook, typescript
- Domain
- accessibility, documentation, frontend, testing
- Issue type
- Refactor
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 55/100