You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
76 lines
2.2 KiB
76 lines
2.2 KiB
import React from 'react'; |
|
import { ComponentStory, ComponentMeta } from '@storybook/react'; |
|
import ContentHeader from '../components/common/ContentHeader/ContentHeader'; |
|
|
|
export default { |
|
title: 'owncast/Components/Content Header', |
|
component: ContentHeader, |
|
parameters: {}, |
|
} as ComponentMeta<typeof ContentHeader>; |
|
|
|
const Template: ComponentStory<typeof ContentHeader> = args => <ContentHeader {...args} />; |
|
|
|
export const Example = Template.bind({}); |
|
Example.args = { |
|
name: 'My Awesome Owncast Stream', |
|
summary: 'A calvacade of glorious sights and sounds', |
|
tags: ['word', 'tag with spaces', 'music'], |
|
logo: 'https://watch.owncast.online/logo', |
|
links: [ |
|
{ |
|
platform: 'github', |
|
url: 'https://github.com/owncast/owncast', |
|
icon: 'https://watch.owncast.online/img/platformlogos/github.svg', |
|
}, |
|
{ |
|
platform: 'Documentation', |
|
url: 'https://owncast.online', |
|
icon: 'https://watch.owncast.online/img/platformlogos/link.svg', |
|
}, |
|
{ |
|
platform: 'mastodon', |
|
url: 'https://fosstodon.org/users/owncast', |
|
icon: 'https://watch.owncast.online/img/platformlogos/mastodon.svg', |
|
}, |
|
], |
|
}; |
|
|
|
export const LongContent = Template.bind({}); |
|
LongContent.args = { |
|
name: 'My Awesome Owncast Stream, streaming the best of streams and some lorem ipsum too', |
|
summary: |
|
'A calvacade of glorious sights and sounds. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.', |
|
tags: [ |
|
'word', |
|
'tag with spaces', |
|
'music', |
|
'more tags', |
|
'a bunch', |
|
'keep going', |
|
'and more', |
|
'just a few more', |
|
'video games', |
|
'things', |
|
'stuff', |
|
'ok some more', |
|
'this should do it', |
|
], |
|
logo: 'https://watch.owncast.online/logo', |
|
links: [ |
|
{ |
|
platform: 'github', |
|
url: 'https://github.com/owncast/owncast', |
|
icon: 'https://watch.owncast.online/img/platformlogos/github.svg', |
|
}, |
|
{ |
|
platform: 'Documentation', |
|
url: 'https://owncast.online', |
|
icon: 'https://watch.owncast.online/img/platformlogos/link.svg', |
|
}, |
|
{ |
|
platform: 'mastodon', |
|
url: 'https://fosstodon.org/users/owncast', |
|
icon: 'https://watch.owncast.online/img/platformlogos/mastodon.svg', |
|
}, |
|
], |
|
};
|
|
|