mirror of
https://github.com/IT4Change/Ocelot-Social.git
synced 2025-12-13 07:45:56 +00:00
22 lines
671 B
JavaScript
22 lines
671 B
JavaScript
import { storiesOf } from '@storybook/vue'
|
|
import helpers from '~/storybook/helpers'
|
|
import CardWithColumns from './CardWithColumns.vue'
|
|
|
|
storiesOf('Generic/CardWithColumns', module)
|
|
.addDecorator(helpers.layout)
|
|
|
|
.add('default', () => ({
|
|
components: { CardWithColumns },
|
|
template: `
|
|
<card-with-columns>
|
|
<template v-slot:left>
|
|
<img src="/img/sign-up/humanconnection.svg" style="width: 80%; margin: auto;" />
|
|
</template>
|
|
<template v-slot:right>
|
|
<h2 style="margin-bottom: 12px">I am in the right column</h2>
|
|
<p>And so is this paragraph.</p>
|
|
</template>
|
|
</card-with-columns>
|
|
`,
|
|
}))
|