27 lines
668 B
JavaScript
27 lines
668 B
JavaScript
import SettingsBlock from './settings_block.vue';
|
|
|
|
export default {
|
|
component: SettingsBlock,
|
|
title: 'vue_shared/components/settings/settings_block',
|
|
};
|
|
|
|
const Template = (args, { argTypes }) => ({
|
|
components: { SettingsBlock },
|
|
props: Object.keys(argTypes),
|
|
template: `
|
|
<settings-block v-bind="$props">
|
|
<template #title>Settings section title</template>
|
|
<template #description>Settings section description</template>
|
|
<template #default>
|
|
<p>Content</p>
|
|
<p>More content</p>
|
|
<p>Content</p>
|
|
<p>More content...</p>
|
|
<p>Content</p>
|
|
</template>
|
|
</settings-block>
|
|
`,
|
|
});
|
|
|
|
export const Default = Template.bind({});
|