feat(react-headless-components-preview): add color picker controls - #36518
Open
dmytrokirpa wants to merge 3 commits into
Open
feat(react-headless-components-preview): add color picker controls#36518dmytrokirpa wants to merge 3 commits into
dmytrokirpa wants to merge 3 commits into
Conversation
dmytrokirpa
force-pushed
the
feat/headless-color-picker
branch
from
August 5, 2026 13:18
86f683a to
6ea8738
Compare
|
Pull request demo site: URL |
dmytrokirpa
force-pushed
the
feat/headless-color-picker
branch
from
August 5, 2026 13:19
6ea8738 to
4e7c897
Compare
dmytrokirpa
force-pushed
the
feat/headless-color-picker
branch
from
August 5, 2026 13:21
4e7c897 to
593cd5e
Compare
dmytrokirpa
force-pushed
the
feat/headless-color-picker
branch
from
August 5, 2026 20:30
e3cecd2 to
d0b754b
Compare
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Motivation
Add an unstyled color picker family to
@fluentui/react-headless-components-preview. The controls reuse the state and interaction behavior extracted in #36517 while leaving layout and visual treatment to consumers.Changes
ColorPicker,ColorArea,ColorSlider, andAlphaSlidercomponents@fluentui/react-color-pickerbase hooks and the shared color picker contextdata-channel,data-orientation, anddata-transparencyfor consumer stylingColorPickerand standalone controlled or uncontrolled controlscolor-pickerpackage entry point and update the API report@fluentui/react-headless-components-previewReview guidance
This PR should be reviewed relative to
feat/color-picker-headless-base, notmaster. The component layer intentionally adds no Griffel styles; the stories provide example consumer styling only. The most relevant areas are the base-hook composition, the shared package entry point, native range-input semantics, and context coordination.Validation
yarn nx run-many -t lint test -p react-headless-components-preview --nxBailPR stack
Depends on #36517 and should be merged after it.