Interface DesignPanelProps Beta`<StyleOptions>`

Defines props passed to a custom design panel component.

Example

import { DesignPanel, DesignPanelProps } from '@sisense/sdk-ui';

interface MyStyleOptions extends CustomVisualizationStyleOptions {
  color?: string;
}

const MyDesignPanel: DesignPanel<MyStyleOptions> = ({ styleOptions, onChange }) => (
  <input
    type="color"
    value={styleOptions.color ?? '#000000'}
    onChange={(e) => onChange({ ...styleOptions, color: e.target.value })}
  />
);