WL-32 - Install Storybook
This commit is contained in:
21
stories/Header.stories.js
Normal file
21
stories/Header.stories.js
Normal file
@@ -0,0 +1,21 @@
|
||||
import MyHeader from './Header';
|
||||
|
||||
export default {
|
||||
title: 'Example/Header',
|
||||
component: MyHeader,
|
||||
};
|
||||
|
||||
const Template = (args, { argTypes }) => ({
|
||||
props: Object.keys(argTypes),
|
||||
components: { MyHeader },
|
||||
template:
|
||||
'<my-header :user="user" @onLogin="onLogin" @onLogout="onLogout" @onCreateAccount="onCreateAccount" />',
|
||||
});
|
||||
|
||||
export const LoggedIn = Template.bind({});
|
||||
LoggedIn.args = {
|
||||
user: {},
|
||||
};
|
||||
|
||||
export const LoggedOut = Template.bind({});
|
||||
LoggedOut.args = {};
|
||||
Reference in New Issue
Block a user