@arche-mc2/arche-controls/dist/Components/Display/Paragraph/index.stories.js

We know that there are a ton of react UI library projects to choose from. Our hope with this one is to provide the next generation of react components that you can use to bootstrap your next project, or as a reference for building a UIKit. Read on to get

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var React = require("react");
var UpParagraph_1 = require("./UpParagraph");
var stories_1 = require("../../../Common/stories");
var addon_knobs_1 = require("@storybook/addon-knobs");
var typestyle_1 = require("typestyle");
var classnames = require("classnames");
exports.default = {
    title: 'Components/Display/UpParagraph',
    decorators: [addon_knobs_1.withKnobs, stories_1.getRootContainer('UpParagraph')],
    component: UpParagraph_1.default
};
var paragraphStyle = typestyle_1.style({
    border: '1px solid #F59100'
});
exports.General = function () { return (React.createElement(React.Fragment, null,
    React.createElement(UpParagraph_1.default, { paragraphSize: 'xlarge', margin: 'none', textAlign: 'left', className: paragraphStyle }, "Paragraph in XLarge Text Size And no Margin"),
    React.createElement(UpParagraph_1.default, { paragraphSize: 'large', margin: 'small', textAlign: 'center', className: paragraphStyle }, "Centred Paragraph, in large Text Size And small Margin"),
    React.createElement(UpParagraph_1.default, { paragraphSize: 'medium', margin: 'medium', textAlign: 'right', className: paragraphStyle }, "Paragraph Text to Right, in medium Text Size And small Margin"),
    React.createElement(UpParagraph_1.default, { paragraphSize: 'small', margin: 'large', textAlign: 'justify', color: '#F59100', className: classnames(paragraphStyle, typestyle_1.style({
            fontWeight: 'bold'
        })) }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."))); };
//# sourceMappingURL=index.stories.js.map