Add category icons as customizable svgs
This commit is contained in:
26
web/stories/CategoryIcon.stories.tsx
Normal file
26
web/stories/CategoryIcon.stories.tsx
Normal file
@@ -0,0 +1,26 @@
|
||||
import React from 'react';
|
||||
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
||||
import CategoryIcon from '../components/ui/CategoryIcon/CategoryIcon';
|
||||
|
||||
export default {
|
||||
title: 'owncast/Components/Category icon',
|
||||
component: CategoryIcon,
|
||||
parameters: {},
|
||||
} as ComponentMeta<typeof CategoryIcon>;
|
||||
|
||||
const Template: ComponentStory<typeof CategoryIcon> = args => <CategoryIcon {...args} />;
|
||||
|
||||
export const Game = Template.bind({});
|
||||
Game.args = {
|
||||
tags: ['games', 'fun'],
|
||||
};
|
||||
|
||||
export const Chat = Template.bind({});
|
||||
Chat.args = {
|
||||
tags: ['blah', 'chat', 'games', 'fun'],
|
||||
};
|
||||
|
||||
export const Conference = Template.bind({});
|
||||
Conference.args = {
|
||||
tags: ['blah', 'conference', 'games', 'fun'],
|
||||
};
|
||||
Reference in New Issue
Block a user