How to use the storybook-readme.withDocs.addFooterDocs function in storybook-readme

To help you get started, we’ve selected a few storybook-readme examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github tuchk4 / storybook-readme / packages / example-vue / stories / index.js View on Github external
import Vue from 'vue';
import { storiesOf } from '@storybook/vue';
import { withKnobs, text, boolean } from '@storybook/addon-knobs';
import { withReadme, withDocs, doc } from 'storybook-readme';

import MyButton from '../components/MyButton/MyButton.vue';

import CommonFooterDocs from '../components/COMMON_FOOTER.md';
import ButtonReadme from '../components/MyButton/README.md';
import ButtonDocs from '../components/MyButton/DOCS.md';

withDocs.addFooterDocs(CommonFooterDocs);

const withDocsCustom = withDocs({
  FooterComponent: {
    data() {
      return {
        styles: {
          padding: '25px',
          background: 'rgba(246, 255, 0, 0.23)',
          borderTop: '2px solid rgba(0, 0, 0, 0.1)',
        },
      };
    },
    template: `<div></div>`,
  },
  PreviewComponent: {
    data() {