lucid-ui
Version:
A UI component library from AppNexus.
60 lines (59 loc) • 4.93 kB
JavaScript
import React from 'react';
import createClass from 'create-react-class';
import { Banner, ChatIcon } from '../../../index';
export default createClass({
render() {
return (React.createElement("div", null,
React.createElement("div", null,
React.createElement(Banner, { style: { marginBottom: 8 } }, "Default"),
React.createElement(Banner, { isCloseable: false, style: { marginBottom: 8 } },
"Default -- No Close ",
String.fromCharCode(0x00d7))),
React.createElement("div", null,
React.createElement(Banner, { kind: 'success', style: { marginBottom: 8 } }, "Success"),
React.createElement(Banner, { kind: 'success', isCloseable: false, style: { marginBottom: 8 } },
"Success -- No Close ",
String.fromCharCode(0x00d7))),
React.createElement("div", null,
React.createElement(Banner, { kind: 'warning', style: { marginBottom: 8 } },
"Warning ",
React.createElement("a", { href: '#' }, "Don't Click Here")),
React.createElement(Banner, { kind: 'warning', isCloseable: false, style: { marginBottom: 8 } },
"Warning -- No Close ",
String.fromCharCode(0x00d7))),
React.createElement("div", null,
React.createElement(Banner, { kind: 'danger', style: { marginBottom: 8 } }, "Danger"),
React.createElement(Banner, { kind: 'danger', isCloseable: false, style: { marginBottom: 8 } },
"Danger -- No Close ",
String.fromCharCode(0x00d7))),
React.createElement("div", null,
React.createElement(Banner, { kind: 'info', style: { marginBottom: 8 } }, "Info"),
React.createElement(Banner, { kind: 'info', isCloseable: false, style: { marginBottom: 8 } },
"Info -- No Close ",
String.fromCharCode(0x00d7))),
React.createElement("div", null,
React.createElement(Banner, { style: { marginBottom: 8 }, icon: React.createElement(ChatIcon, null), kind: 'danger' }, "Has Icon")),
React.createElement("div", null,
React.createElement(Banner, { style: { marginBottom: 8 }, isFilled: false },
React.createElement("div", null, "Sit totam voluptas error dolorum ullam Quo ipsam esse amet mollitia consequuntur Cumque cum nisi porro cumque sit nisi Facilis placeat suscipit earum blanditiis eveniet Earum dolor voluptates perferendis quis"),
React.createElement("div", null, "Adipisicing culpa atque totam quidem dicta consequatur fugiat quaerat Facilis cupiditate amet nam in perferendis Veritatis iusto molestiae illum doloribus deserunt Odit autem obcaecati dolores ad incidunt? Ipsa eveniet modi."),
React.createElement("div", null, "Lorem sit explicabo vitae illum labore Nostrum inventore dolor nisi deserunt voluptatem Voluptas itaque nesciunt omnis necessitatibus asperiores! Eius error ab consequatur necessitatibus repudiandae quibusdam Odio consequuntur at necessitatibus at"),
React.createElement("div", null,
React.createElement("a", { href: '#' }, "Click Me"))),
React.createElement(Banner, { kind: 'success', style: { marginBottom: 8 }, isFilled: false },
React.createElement("div", null, "Success -- Outline"),
React.createElement("div", null, "Outline banners are for messages with multi-line content.")),
React.createElement(Banner, { kind: 'warning', style: { marginBottom: 8 }, isFilled: false },
React.createElement("div", null, "Warning -- Outline"),
React.createElement("div", null, "Outline banners are for messages with multi-line content.")),
React.createElement(Banner, { kind: 'danger', style: { marginBottom: 8 }, isFilled: false },
React.createElement("div", null, "Danger -- Outline"),
React.createElement("div", null, "Outline banners are for messages with multi-line content.")),
React.createElement(Banner, { kind: 'info', style: { marginBottom: 8 }, isFilled: false },
React.createElement("div", null, "Info -- Outline"),
React.createElement("div", null, "Outline banners are for messages with multi-line content.")),
React.createElement(Banner, { style: { marginBottom: 8 }, icon: React.createElement(ChatIcon, null), kind: 'danger', isFilled: false },
React.createElement("div", null, "Has Icon -- Outline"),
React.createElement("div", null, "Outline banners are for messages with multi-line content.")))));
},
});