wix-style-react/src/ColorInput/docs/ColorInput.demo.js

wix-style-react

import React from 'react';
import ColorInput from '..';
import FormField from '../../FormField';
import { StorybookComponents } from 'wix-storybook-utils/StorybookComponents';

export default () => {
  const [value, setValue] = React.useState('#3899EC');
  return (
    <StorybookComponents.Stack flexDirection="column" width={'50%'}>
      <FormField label="Product color">
        <ColorInput value={value} onChange={setValue} />
      </FormField>
    </StorybookComponents.Stack>
  );
};