@roo-ui/components
Version:
40 lines • 1.52 kB
JavaScript
import React from 'react';
import { storiesOf } from '@storybook/react';
import { withDocs } from 'storybook-readme';
import { boolean } from '@storybook/addon-knobs/react';
import NakedButton from '.';
import Text from '../Text';
import Image from '../Image';
import Heading from '../Heading';
import Flex from '../Flex';
import README from './README.md';
storiesOf('Components|NakedButton', module).addDecorator(withDocs(README)).add('default', function () {
return React.createElement(NakedButton, {
mt: 3
}, "Hello world");
}).add('link style', function () {
return React.createElement(Text, null, "Perhaps you would like to open a", ' ', React.createElement(NakedButton, {
color: "ui.link",
hoverColor: "ui.linkHover",
textDecoration: "underline",
disabled: boolean('Disabled', false)
}, "modal window"));
}).add('wrap content', function () {
return React.createElement(NakedButton, {
textAlign: "left",
disabled: boolean('Disabled', false)
}, React.createElement(Heading.h2, null, "Guest Reviews"), React.createElement(Flex, {
alignItems: "center",
mb: "3"
}, React.createElement(Text, {
fontSize: "lg"
}, "Excellent, 5.0"), React.createElement(Image, {
src: "https://www.tripadvisor.com/img/cdsi/img2/ratings/traveler/5.0-15969-4.svg",
inline: true,
height: "20px",
px: "2"
}), React.createElement(Text, null, "1256 Reviews")), React.createElement(Text, {
color: "brand.primary",
textDecoration: "underline"
}, "Read Reviews"));
});