storybook-addon-react-runner
Version:
Storybook addon to provide react live preview powered by react-runner
15 lines (12 loc) • 865 B
JavaScript
var _templateObject;
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
import React from "react";
import { useRunner } from "react-runner";
import { styled } from "@storybook/theming";
var Error = styled.pre(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n background: #fcc;\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n margin: 0;\n padding: 1rem;\n color: #f00;\n white-space: pre-wrap;\n"])));
export var Preview = function Preview(props) {
var _useRunner = useRunner(props),
element = _useRunner.element,
error = _useRunner.error;
return /*#__PURE__*/React.createElement(React.Fragment, null, element, error && /*#__PURE__*/React.createElement(Error, null, error));
};