docs(carousel): remove page-size knob

Removes `page-size` knob from the stories of carousel given user may get too large number there where our demo in storybook will look very weird. Refs #4918.
carbon-design-system · Jan 19, 2021 · ee78638 · ee78638
1 parent ac2a5fe
commit ee78638
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 20 deletions.
diff --git a/packages/web-components/src/components/carousel/__stories__/carousel.stories.react.tsx b/packages/web-components/src/components/carousel/__stories__/carousel.stories.react.tsx
@@ -1,14 +1,13 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2020
+ * Copyright IBM Corp. 2020, 2021
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
 import React from 'react';
-import { number } from '@storybook/addon-knobs';
 import ArrowRight20 from '@carbon/icons-react/es/arrow--right/20.js';
 // Below path will be there when an application installs `@carbon/ibmdotcom-web-components` package.
 // In our dev env, we auto-generate the file and re-map below path to to point to the generated file.
@@ -40,10 +39,9 @@ const Card = ({ copy = copyDefault, heading = headingDefault, href = hrefDefault
   </DDSCard>
 );
 
-export const Default = ({ parameters }) => {
-  const { pageSize } = parameters?.props?.Carousel ?? {};
+export const Default = () => {
   return (
-    <DDSCarousel pageSize={pageSize}>
+    <DDSCarousel>
       <Card />
       <Card copy={copyOdd} />
       <Card />
@@ -57,10 +55,5 @@ export default {
   title: 'Components/Carousel',
   parameters: {
     ...readme.parameters,
-    knobs: {
-      Carousel: ({ groupId }) => ({
-        pageSize: number('Page size (pageSize)', null!, groupId),
-      }),
-    },
   },
 };
diff --git a/packages/web-components/src/components/carousel/__stories__/carousel.stories.ts b/packages/web-components/src/components/carousel/__stories__/carousel.stories.ts
@@ -1,14 +1,13 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2020
+ * Copyright IBM Corp. 2020, 2021
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
 import { html } from 'lit-element';
-import { number } from '@storybook/addon-knobs';
 // Below path will be there when an application installs `carbon-web-components` package.
 // In our dev env, we auto-generate the file and re-map below path to to point to the generated file.
 // @ts-ignore
@@ -42,10 +41,9 @@ const Card = ({ copy = copyDefault, heading = headingDefault, href = hrefDefault
   </dds-card>
 `;
 
-export const Default = ({ parameters }) => {
-  const { pageSize } = parameters?.props?.Carousel ?? {};
+export const Default = () => {
   return html`
-    <dds-carousel page-size="${ifNonNull(pageSize)}">
+    <dds-carousel>
       ${Card()}${Card({ copy: copyOdd })}${Card()}${Card({ copy: copyOdd })}${Card()}
     </dds-carousel>
   `;
@@ -55,10 +53,5 @@ export default {
   title: 'Components/Carousel',
   parameters: {
     ...readme.parameters,
-    knobs: {
-      Carousel: ({ groupId }) => ({
-        pageSize: number('Page size (page-size)', null!, groupId),
-      }),
-    },
   },
 };