You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
tailchat/client/packages/design/components/AutoFolder/index.stories.tsx

36 lines
809 B
TypeScript

import React from 'react';
import { ComponentStory, ComponentMeta } from '@storybook/react';
import { AutoFolder } from '.';
export default {
title: 'Tailchat/AutoFolder',
component: AutoFolder,
argTypes: {},
} as ComponentMeta<typeof AutoFolder>;
const Template: ComponentStory<typeof AutoFolder> = (args) => (
<AutoFolder {...args} />
);
export const Default = Template.bind({});
Default.args = {
maxHeight: 100,
children: (
<div style={{ border: '1px solid #999' }}>
<div>foooooo</div>
<div>foooooo</div>
<div>foooooo</div>
<div>foooooo</div>
<div>foooooo</div>
<div>foooooo</div>
<div>foooooo</div>
<div>foooooo</div>
<div>foooooo</div>
<div>foooooo</div>
<div>foooooo</div>
<div>foooooo</div>
</div>
),
};