Implement first iteration of Pokemon.stories.tsx
This commit is contained in:
parent
91f3d51b9b
commit
0b5a98d859
30
src/features/Pokedex/Pokemon/Pokemon.stories.tsx
Normal file
30
src/features/Pokedex/Pokemon/Pokemon.stories.tsx
Normal file
@ -0,0 +1,30 @@
|
||||
import React from 'react';
|
||||
|
||||
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
||||
|
||||
import Pokemon, { PokemonProps } from './Pokemon';
|
||||
import charizard from 'assets/charizard.svg';
|
||||
|
||||
export default {
|
||||
title: 'Pokedex/PokemonCard',
|
||||
component: Pokemon,
|
||||
} as ComponentMeta<typeof Pokemon>;
|
||||
|
||||
const Template: ComponentStory<typeof Pokemon> = (args: PokemonProps) => (
|
||||
<Pokemon {...args} />
|
||||
);
|
||||
|
||||
export const Primary = Template.bind({});
|
||||
|
||||
Primary.args = {
|
||||
name: 'Charizard',
|
||||
number: '#006',
|
||||
image: charizard,
|
||||
};
|
||||
|
||||
export const Charizard = Template.bind({});
|
||||
Charizard.args = {
|
||||
name: 'Charizard',
|
||||
number: '#006',
|
||||
image: charizard,
|
||||
};
|
Loading…
x
Reference in New Issue
Block a user