diff --git a/examples/cra-kitchen-sink/.storybook/config.js b/examples/cra-kitchen-sink/.storybook/config.js
index f24937049f07..22abd30d10df 100644
--- a/examples/cra-kitchen-sink/.storybook/config.js
+++ b/examples/cra-kitchen-sink/.storybook/config.js
@@ -5,12 +5,12 @@ import { withA11y } from '@storybook/addon-a11y';
 addDecorator(withA11y);
 addParameters({
   options: {
-    name: 'CRA Kitchen Sink',
-    url: 'https://github.com/storybooks/storybook/tree/master/examples/cra-kitchen-sink',
-    goFullScreen: false,
+    brandTitle: 'CRA Kitchen Sink',
+    brandUrl: 'https://github.com/storybooks/storybook/tree/master/examples/cra-kitchen-sink',
+    isFullscreen: false,
     showAddonsPanel: true,
     showSearchBox: false,
-    addonPanelInRight: true,
+    panelPosition: 'right',
     sortStoriesByKind: false,
     hierarchySeparator: /\./,
     hierarchyRootSeparator: /\|/,
diff --git a/examples/cra-ts-kitchen-sink/.storybook/config.js b/examples/cra-ts-kitchen-sink/.storybook/config.js
index f13b9dcdd858..6ebb12248f9c 100644
--- a/examples/cra-ts-kitchen-sink/.storybook/config.js
+++ b/examples/cra-ts-kitchen-sink/.storybook/config.js
@@ -1,13 +1,12 @@
-import { configure, addDecorator } from '@storybook/react';
-import { withOptions } from '@storybook/addon-options';
+import { configure, addDecorator, addParameters } from '@storybook/react';
 import { withInfo } from '@storybook/addon-info';
 
-addDecorator(
-  withOptions({
-    name: 'CRA TypeScript Kitchen Sink',
-    url: 'https://github.com/storybooks/storybook/tree/master/examples/cra-ts-kitchen-sink',
-  })
-);
+addParameters({
+  options: {
+    brandTitle: 'CRA TypeScript Kitchen Sink',
+    brandUrl: 'https://github.com/storybooks/storybook/tree/master/examples/cra-ts-kitchen-sink',
+  },
+});
 addDecorator(withInfo());
 
 function loadStories() {
diff --git a/examples/ember-cli/stories/index.stories.js b/examples/ember-cli/stories/index.stories.js
index 5389e330853e..9b0f4314edfb 100644
--- a/examples/ember-cli/stories/index.stories.js
+++ b/examples/ember-cli/stories/index.stories.js
@@ -2,7 +2,7 @@ import hbs from 'htmlbars-inline-precompile';
 import { storiesOf } from '@storybook/ember';
 
 storiesOf('Welcome', module)
-  .addParameters({ options: { showAddonPanel: false } })
+  .addParameters({ options: { showPanel: false } })
   .add('basic', () => ({
     template: hbs`
         {{welcome-page}}
diff --git a/examples/preact-kitchen-sink/.storybook/config.js b/examples/preact-kitchen-sink/.storybook/config.js
index 8a9461539488..4f18ffa677f4 100644
--- a/examples/preact-kitchen-sink/.storybook/config.js
+++ b/examples/preact-kitchen-sink/.storybook/config.js
@@ -1,10 +1,11 @@
 /** @jsx h */
-import { configure } from '@storybook/preact';
-import { setOptions } from '@storybook/addon-options';
+import { addParameters, configure } from '@storybook/preact';
 
-setOptions({
-  hierarchySeparator: /\/|\./,
-  hierarchyRootSeparator: /\|/,
+addParameters({
+  options: {
+    hierarchySeparator: /\/|\./,
+    hierarchyRootSeparator: /\|/,
+  },
 });
 
 const loadStories = () => {
diff --git a/examples/preact-kitchen-sink/src/stories/addon-backgrounds.stories.js b/examples/preact-kitchen-sink/src/stories/addon-backgrounds.stories.js
index 82674a0484eb..185665961421 100644
--- a/examples/preact-kitchen-sink/src/stories/addon-backgrounds.stories.js
+++ b/examples/preact-kitchen-sink/src/stories/addon-backgrounds.stories.js
@@ -4,15 +4,14 @@ import { h } from 'preact';
 
 import { storiesOf } from '@storybook/preact';
 
-import { withBackgrounds } from '@storybook/addon-backgrounds';
 import Button from '../Button';
 
 storiesOf('Addons|Backgrounds', module)
-  .addDecorator(
-    withBackgrounds([
+  .addParameters({
+    backgrounds: [
       { name: 'twitter', value: '#00aced' },
       { name: 'facebook', value: '#3b5998', default: true },
-    ])
-  )
+    ],
+  })
   .add('Example 1', () => <Button>You should be able to switch backgrounds for this story</Button>)
   .add('Example 2', () => <Button>This one too!</Button>);