mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 09:52:26 +01:00
55 lines
1020 B
JavaScript
55 lines
1020 B
JavaScript
import React from 'react';
|
|
import { ProductTour } from '.';
|
|
|
|
export default {
|
|
title: 'Components/Multichain/ProductTour',
|
|
component: ProductTour,
|
|
argTypes: {
|
|
prevIcon: {
|
|
control: 'boolean',
|
|
},
|
|
title: {
|
|
control: 'text',
|
|
},
|
|
description: {
|
|
control: 'text',
|
|
},
|
|
currentStep: {
|
|
control: 'text',
|
|
},
|
|
totalSteps: {
|
|
control: 'text',
|
|
},
|
|
positionObj: {
|
|
control: 'text',
|
|
},
|
|
onClick: {
|
|
action: 'onClick',
|
|
},
|
|
onHide: {
|
|
action: 'onHide',
|
|
},
|
|
closeMenu: {
|
|
action: 'closeMenu',
|
|
},
|
|
},
|
|
args: {
|
|
prevIcon: true,
|
|
title: 'Permissions',
|
|
description: 'Find your connected accounts and manage permissions here.',
|
|
currentStep: '1',
|
|
totalSteps: '3',
|
|
},
|
|
};
|
|
|
|
const Template = (args) => {
|
|
return <ProductTour {...args} />;
|
|
};
|
|
|
|
export const DefaultStory = Template.bind({});
|
|
|
|
export const CustomPopoverTipPosition = Template.bind({});
|
|
CustomPopoverTipPosition.args = {
|
|
positionObj: '80%',
|
|
};
|