ba5b8a9abd
- Added stories for: Label, Skeleton, ScrollArea, Toast, Collapsible, Sidebar - Covered layout and feedback components
30 lines
900 B
TypeScript
30 lines
900 B
TypeScript
import type { Meta, StoryObj } from '@storybook/react';
|
|
import { ScrollArea } from './scroll-area';
|
|
|
|
const meta = {
|
|
title: 'UI/ScrollArea',
|
|
component: ScrollArea,
|
|
tags: ['autodocs'],
|
|
args: {
|
|
className: 'h-[200px] w-[350px] rounded-md border p-4',
|
|
}
|
|
} satisfies Meta<typeof ScrollArea>;
|
|
|
|
export default meta;
|
|
type Story = StoryObj<typeof meta>;
|
|
|
|
export const Default: Story = {
|
|
render: (args) => (
|
|
<ScrollArea {...args}>
|
|
<h4 className="mb-4 text-sm font-medium leading-none">Tags</h4>
|
|
{Array.from({ length: 50 }).map((_, i, a) => (
|
|
<div key={i}>
|
|
<div className="text-sm">
|
|
Tag {a.length - i}
|
|
</div>
|
|
{i !== a.length - 1 && <div className="my-2 h-px bg-kodo-steel" />}
|
|
</div>
|
|
))}
|
|
</ScrollArea>
|
|
),
|
|
};
|