当访问一个带有颜色控制的故事时,控制将自动打开
1zmg4dgp1#
要解决颜色控制自动打开的问题,请确保在 ColorControl 组件中默认将 startOpen 属性正确设置为 false。检查 Color.tsx 中的实现并验证 Color.stories.tsx 中的故事。
ColorControl
startOpen
false
Color.tsx
Color.stories.tsx
export const ColorControl: FC<ColorControlProps> = ({ name, value: initialValue, onChange, onFocus, onBlur, presetColors, startOpen = false, // Ensure this is set to false argType, }) => { // ... };
true
export const StartOpen: Story = { args: { startOpen: true, // Only set to true for this specific story }, };
这应该防止颜色选择器在没有指定的情况下自动打开。
/code/lib/blocks/src/controls/Color.tsx/code/lib/blocks/src/controls/Color.stories.tsx/code/addons/controls/src/manager.tsx
此响应为您提供了研究的起点,而不是精确的解决方案。帮助我们改进!如果这有帮助,请留下一个 👍,如果不相关,请留下一个 👎。
1条答案
按热度按时间1zmg4dgp1#
要解决颜色控制自动打开的问题,请确保在
ColorControl
组件中默认将startOpen
属性正确设置为false
。检查Color.tsx
中的实现并验证Color.stories.tsx
中的故事。Color.tsx
中,确保默认将startOpen
设置为false
:Color.stories.tsx
中,验证startOpen
属性除非需要显式指定,否则不会被设置为true
:这应该防止颜色选择器在没有指定的情况下自动打开。
参考资料
/code/lib/blocks/src/controls/Color.tsx
/code/lib/blocks/src/controls/Color.stories.tsx
/code/addons/controls/src/manager.tsx
关于 Greptile
此响应为您提供了研究的起点,而不是精确的解决方案。
帮助我们改进!如果这有帮助,请留下一个 👍,如果不相关,请留下一个 👎。