microsoft / microsoft/fluentui
Allow Toolbar to contain Input
Open
Nobody has claimed this yet.
Component: Toolbar
Fluent UI react-components (v9)
Resolution: Soft Close
Type: Feature
- Dominant language
- TypeScript
- Stars
- 20.3k
- Forks
- 2.9k
- Avg merge
- 2d 9h
- Merged PRs (30d)
- 46
Description
Library
React Components / v9 (@fluentui/react-components)
Describe the feature that you would like added
Common requirement in Command bar scenarios is having an input part of the toolbar. Create an example in storybook, verify keyboard navigation and potentially fix to make it usable
Have you discussed this feature with our team
yes
Additional context
No response
Validations
- Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
Contributor guide
No contributing guide indexed for this repository
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 the React Components v9 toolbar implementation and its existing Storybook stories. Add a story showing an input inside the toolbar, then verify that keyboard navigation remains usable and confirm the example behaves correctly in Storybook.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- accessibility, frontend
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 42/100