import { Meta, ArgTypes } from '@storybook/blocks'; import { DataSourceHttpSettings } from './DataSourceHttpSettings';

DataSourceHttpSettings

Deprecated! Use components from @grafana/plugin-ui instead, according to the migration guide

Component for displaying the configuration options for a data source plugin.

When to use

It is used in a ConfigEditor for data source plugins. You can find more examples in our core data source plugins here.

Example usage

export const ConfigEditor = (props: Props) => {
  const { options, onOptionsChange } = props;
  return (
    <>
      <DataSourceHttpSettings
        defaultUrl="http://localhost:9090"
        dataSourceConfig={options}
        showAccessOptions={true}
        onChange={onOptionsChange}
        sigV4AuthEnabled={false}
      />
    </>
  );
};