dify

dify/web/app/components/base/video-gallery/index.stories.tsx

@@ -0,0 +1,40 @@
+import type { Meta, StoryObj } from '@storybook/nextjs'
+import VideoGallery from '.'
+
+const VIDEO_SOURCES = [
+  'https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.mp4',
+  'https://interactive-examples.mdn.mozilla.net/media/cc0-videos/forest.mp4',
+]
+
+const meta = {
+  title: 'Base/Data Display/VideoGallery',
+  component: VideoGallery,
+  parameters: {
+    layout: 'fullscreen',
+    docs: {
+      description: {
+        component: 'Stacked list of video players with custom controls for progress, volume, and fullscreen.',
+      },
+      source: {
+        language: 'tsx',
+        code: `
+<VideoGallery
+  srcs={[
+    'https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.mp4',
+    'https://interactive-examples.mdn.mozilla.net/media/cc0-videos/forest.mp4',
+  ]}
+/>
+        `.trim(),
+      },
+    },
+  },
+  tags: ['autodocs'],
+  args: {
+    srcs: VIDEO_SOURCES,
+  },
+} satisfies Meta<typeof VideoGallery>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+export const Default: Story = {}