docs(react-color-picker): added subcomponents (#33416)

microsoft · Dec 6, 2024 · a9535f5 · a9535f5
1 parent e62436b
commit a9535f5
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/packages/react-components/react-color-picker-preview/stories/package.json b/packages/react-components/react-color-picker-preview/stories/package.json
@@ -3,6 +3,7 @@
   "version": "0.0.0",
   "private": true,
   "devDependencies": {
+    "@ctrl/tinycolor": "3.3.4",
     "@fluentui/react-components": "*",
     "@fluentui/react-color-picker-preview": "*",
     "@fluentui/react-storybook-addon": "*",

diff --git a/...ges/react-components/react-color-picker-preview/stories/src/ColorPicker/index.stories.tsx b/...ges/react-components/react-color-picker-preview/stories/src/ColorPicker/index.stories.tsx
@@ -1,4 +1,4 @@
-import { ColorPicker } from '@fluentui/react-color-picker-preview';
+import { ColorPicker, ColorArea, ColorSlider, AlphaSlider } from '@fluentui/react-color-picker-preview';
 
 import descriptionMd from './ColorPickerDescription.md';
 import bestPracticesMd from './ColorPickerBestPractices.md';
@@ -12,6 +12,11 @@ export { AlphaSliderExample } from './AlphaSliderDefault.stories';
 export default {
   title: 'Preview Components/ColorPicker',
   component: ColorPicker,
+  subcomponents: {
+    ColorArea,
+    ColorSlider,
+    AlphaSlider,
+  },
   parameters: {
     docs: {
       description: {