lucid-ui
Version:
A UI component library from AppNexus.
42 lines • 2.72 kB
JavaScript
"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var create_react_class_1 = __importDefault(require("create-react-class"));
var react_1 = __importDefault(require("react"));
var index_1 = require("../../../index");
var HelpIcon_1 = __importDefault(require("../../Icon/HelpIcon/HelpIcon"));
var ToolTip_1 = __importDefault(require("../../ToolTip/ToolTip"));
var Title = ToolTip_1.default.Title, Target = ToolTip_1.default.Target;
exports.default = create_react_class_1.default({
render: function () {
return (react_1.default.createElement("div", null,
react_1.default.createElement(index_1.Typography, { variant: 'h1' }, "h1. Heading"),
react_1.default.createElement(index_1.Typography, { variant: 'h2' }, "h2. Heading"),
react_1.default.createElement(index_1.Typography, { variant: 'h3' }, "h3. Heading"),
react_1.default.createElement(index_1.Typography, { variant: 'p' }, "p. paragraph text"),
react_1.default.createElement(index_1.Typography, { variant: 'tabular' }, "tabular. text for tables"),
react_1.default.createElement(index_1.Typography, { variant: 'a' }, "a. link text"),
react_1.default.createElement(index_1.Typography, { variant: 'pre' }, "pre. preformatted text"),
react_1.default.createElement(index_1.Typography, { variant: 'code' }, "code. snazzy code"),
" ",
react_1.default.createElement("br", null),
react_1.default.createElement(index_1.Typography, { variant: 'kbd' }, "kbd. keyboard inputs"),
" ",
react_1.default.createElement("br", null),
react_1.default.createElement(index_1.Typography, { variant: 'samp' }, "samp. sample code outputs"),
" ",
react_1.default.createElement("br", null),
react_1.default.createElement(index_1.Typography, { variant: 'span' },
"span. sample code outputs with help bubble",
react_1.default.createElement("div", { className: 'HelpBubble' },
react_1.default.createElement(ToolTip_1.default, { alignment: 'start', direction: 'right' },
react_1.default.createElement(Title, { className: 'HelpBubble-title' }, "look at me"),
react_1.default.createElement(Target, null,
react_1.default.createElement(HelpIcon_1.default, { size: 12 }))))),
' ',
react_1.default.createElement("br", null)));
},
});
//# sourceMappingURL=01.variants.js.map