add story

gear-tech · Jan 15, 2025 · 96c6466 · 96c6466
1 parent 8f693e0
commit 96c6466
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 19 deletions.
diff --git a/utils/vara-ui/src/components/scroll-area/scroll-area.stories.ts b/utils/vara-ui/src/components/scroll-area/scroll-area.stories.ts
diff --git a/utils/vara-ui/src/components/scroll-area/scroll-area.stories.tsx b/utils/vara-ui/src/components/scroll-area/scroll-area.stories.tsx
@@ -0,0 +1,22 @@
+import { Meta, StoryObj } from '@storybook/react';
+
+import { ScrollArea } from './scroll-area';
+
+type Type = typeof ScrollArea;
+type Story = StoryObj<Type>;
+
+const LONG_TEXT =
+  'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam nec purus nec nunc ultricies ultricies. Nullam nec purus nec nunc ultricies ultricies. Nullam nec purus nec nunc. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam nec purus nec nunc ultricies ultricies. Nullam nec purus nec nunc ultricies ultricies. Nullam nec purus nec nunc. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam nec purus nec nunc ultricies ultricies. Nullam nec purus nec nunc ultricies ultricies. Nullam nec purus nec nunc. Loremipsumdolorsitamet.';
+
+const meta: Meta<Type> = {
+  title: 'ScrollArea',
+  component: () => <ScrollArea style={{ maxWidth: '512px', maxHeight: '128px' }}>{LONG_TEXT}</ScrollArea>,
+  args: {},
+};
+
+const Default: Story = {
+  args: {},
+};
+
+export default meta;
+export { Default };