@storybook/addon-docs/dist/modern/frameworks/web-components/prepareForInline.js

Document component usage and properties in Markdown

import React from 'react';
import { render } from 'lit-html';
export const prepareForInline = storyFn => {
  class Story extends React.Component {
    constructor(...args) {
      super(...args);
      this.wrapperRef = /*#__PURE__*/React.createRef();
    }

    componentDidMount() {
      render(storyFn(), this.wrapperRef.current);
    }

    render() {
      return /*#__PURE__*/React.createElement('div', {
        ref: this.wrapperRef
      });
    }

  }

  return /*#__PURE__*/React.createElement(Story);
};