@roo-ui/components
Version:
54 lines (42 loc) • 2.05 kB
JavaScript
"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"));
});