gui/packages/ui/src/Gallery/Gallery.stories.ts
neil 4ac357a4db #64 TopPackages component
- fixes grid bg layout
2022-12-06 20:10:22 +08:00

42 lines
1.1 KiB
TypeScript

import Gallery from './Gallery.svelte';
// More on how to set up stories at: https://storybook.js.org/docs/7.0/svelte/writing-stories/introduction
export default {
title: 'Example/Gallery',
component: Gallery,
tags: ['docsPage'],
render: (args) => ({
Component: Gallery,
props: args
}),
argTypes: {
onClick: () => console.log('does nothing')
}
};
// More on writing stories with args: https://storybook.js.org/docs/7.0/svelte/writing-stories/args
export const Example = {
args: {
items: [
{
imageUrl:
'https://upload.wikimedia.org/wikipedia/commons/thumb/8/85/%22_Shot_From_The_Sky%22_Army_Show_1945_Oak_Ridge_%2824971013612%29.jpg/2732px-%22_Shot_From_The_Sky%22_Army_Show_1945_Oak_Ridge_%2824971013612%29.jpg',
title: 'Item 1',
subTitle: 'sub-title',
link: '#'
},
{
imageUrl: 'https://tea.xyz/Images/packages/sqlite_org.jpg',
title: 'Item 2',
subTitle: 'sub-title 2',
link: '#'
},
{
imageUrl: 'https://tea.xyz/Images/packages/gnu_org_libtool.jpg',
title: 'Item 3',
subTitle: 'sub-title 3',
link: '#'
}
]
}
};