UNPKG

@roo-ui/components

Version:

54 lines (42 loc) 2.05 kB
"use strict"; var _react = _interopRequireDefault(require("react")); var _react2 = require("@storybook/react"); var _storybookReadme = require("storybook-readme"); var _react3 = require("@storybook/addon-knobs/react"); var _ = _interopRequireDefault(require(".")); var _Text = _interopRequireDefault(require("../Text")); var _Image = _interopRequireDefault(require("../Image")); var _Heading = _interopRequireDefault(require("../Heading")); var _Flex = _interopRequireDefault(require("../Flex")); var _README = _interopRequireDefault(require("./README.md")); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } (0, _react2.storiesOf)('Components|NakedButton', module).addDecorator((0, _storybookReadme.withDocs)(_README.default)).add('default', function () { return _react.default.createElement(_.default, { mt: 3 }, "Hello world"); }).add('link style', function () { return _react.default.createElement(_Text.default, null, "Perhaps you would like to open a", ' ', _react.default.createElement(_.default, { color: "ui.link", hoverColor: "ui.linkHover", textDecoration: "underline", disabled: (0, _react3.boolean)('Disabled', false) }, "modal window")); }).add('wrap content', function () { return _react.default.createElement(_.default, { textAlign: "left", disabled: (0, _react3.boolean)('Disabled', false) }, _react.default.createElement(_Heading.default.h2, null, "Guest Reviews"), _react.default.createElement(_Flex.default, { alignItems: "center", mb: "3" }, _react.default.createElement(_Text.default, { fontSize: "lg" }, "Excellent, 5.0"), _react.default.createElement(_Image.default, { src: "https://www.tripadvisor.com/img/cdsi/img2/ratings/traveler/5.0-15969-4.svg", inline: true, height: "20px", px: "2" }), _react.default.createElement(_Text.default, null, "1256 Reviews")), _react.default.createElement(_Text.default, { color: "brand.primary", textDecoration: "underline" }, "Read Reviews")); });