owncast/web/components/common/ContentHeader/ContentHeader.stories.tsx
kame 4f078e1ee4
Migrated Storybook notation from CSF2 to CSF3 (#3412)
* Migrate web action-buttons directory to CSF3 notation

* Migrate web chat directory to CSF3 notation

* Migrate web common directory to CSF3 notation

* Migrate web layout directory to CSF3 notation

* Migrate web modals directory to CSF3 notation

* Migrate web ui directory to CSF3 notation

* Migrate web video directory to CSF3 notation

* Migrate web stories directory to CSF3 notation
2023-11-06 19:35:05 -08:00

77 lines
2.2 KiB
TypeScript

import { Meta } from '@storybook/react';
import { ContentHeader } from './ContentHeader';
const meta = {
title: 'owncast/Components/Content Header',
component: ContentHeader,
parameters: {},
} satisfies Meta<typeof ContentHeader>;
export default meta;
export const 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 = {
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',
},
],
},
};