add barge to stories
This commit is contained in:
parent
8b3779399b
commit
124216dc49
30
src/components/Badge.stories.tsx
Normal file
30
src/components/Badge.stories.tsx
Normal file
@ -0,0 +1,30 @@
|
||||
import React, { Children } from "react";
|
||||
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
||||
import Badge from "./Badge";
|
||||
|
||||
|
||||
|
||||
export default{
|
||||
title: 'Badge',
|
||||
component: Badge,
|
||||
} as ComponentMeta<typeof Badge>;
|
||||
|
||||
const Template: ComponentStory<typeof Badge> = (args) => <Badge {...args} />;
|
||||
|
||||
export const High = Template.bind({});
|
||||
High.args = {
|
||||
emphasis: 'high',
|
||||
children: ['Tom Cook'],
|
||||
};
|
||||
|
||||
export const Medium = Template.bind({});
|
||||
Medium.args = {
|
||||
emphasis: 'medium',
|
||||
children: ['Tanya Fox'],
|
||||
};
|
||||
|
||||
export const Low = Template.bind({});
|
||||
Low.args = {
|
||||
emphasis:'low',
|
||||
children:['Hellen Schmidt'],
|
||||
};
|
Loading…
x
Reference in New Issue
Block a user