feat: add disable feature in the panel (#130)

packages/mock-addon-docs/stories/docs/advanced-setup.stories.mdx

@@ -24,6 +24,7 @@ You can set <strong>global configuration</strong> for the addon. Go to the `.sto
 | ---------- | :------------------------------------------------------------------------------------------ | :------ |
 | `globalMockData` | An array of mock objects which will add in every story |   []    |
 | `refreshStoryOnUpdate`   |  This re-render the story if there's any data changes |  false |
+| `disable`   |  This disables the panel from all the stories |  false |
 
 
 ```js
@@ -38,6 +39,7 @@ export const parameters = {
       response: {},
     }],
     refreshStoryOnUpdate: true, // This re-render the story if there's any data changes
+    disable: true, // This disables the panel from all the stories
   }
   ...
 }
@@ -148,6 +150,25 @@ FetchCall.parameters = {
     ],
 };
 ```
+<h3 className="subheading">2. Disable the panel for a story</h3>
+
+```js
+import React from 'react';
+import { FetchExample } from './index';
+
+export default {
+    title: 'Examples/Fetch',
+    component: FetchExample,
+};
+
+const Template = () => <FetchExample />;
+
+export const FetchCall = Template.bind({});
+
+FetchCall.parameters = {
+    mockAddonConfigs: { disable: true }
+};
+```
 
 <Footer
     title="User guide"

packages/mock-addon/src/preset/manager.js

@@ -9,5 +9,6 @@ addons.register(ADDON_ID, () => {
         title: 'Mock Request',
         match: ({ viewMode }) => viewMode === 'story',
         render: Panel,
+        paramKey: 'mockAddonConfigs',
     });
 });