lucid-ui
Version:
A UI component library from AppNexus.
107 lines (106 loc) • 3.4 kB
JavaScript
import React from 'react';
import createClass from 'create-react-class';
import { Banner } from '../../../index';
export default createClass({
render: function render() {
return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Banner, {
style: {
marginBottom: 8
},
isSmall: true
}, "Default"), /*#__PURE__*/React.createElement(Banner, {
isCloseable: false,
style: {
marginBottom: 8
},
isSmall: true
}, "Default -- No Close ", String.fromCharCode(0x00d7))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Banner, {
kind: "success",
style: {
marginBottom: 8
},
isSmall: true
}, "Success"), /*#__PURE__*/React.createElement(Banner, {
kind: "success",
isCloseable: false,
isSmall: true,
style: {
marginBottom: 8
}
}, "Success -- No Close ", String.fromCharCode(0x00d7))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Banner, {
kind: "warning",
style: {
marginBottom: 8
},
isSmall: true
}, "Warning"), /*#__PURE__*/React.createElement(Banner, {
kind: "warning",
isCloseable: false,
isSmall: true,
style: {
marginBottom: 8
}
}, "Warning -- No Close ", String.fromCharCode(0x00d7))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Banner, {
kind: "danger",
style: {
marginBottom: 8
},
isSmall: true
}, "Danger"), /*#__PURE__*/React.createElement(Banner, {
kind: "danger",
isCloseable: false,
style: {
marginBottom: 8
},
isSmall: true
}, "Danger -- No Close ", String.fromCharCode(0x00d7))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Banner, {
kind: "info",
style: {
marginBottom: 8
},
isSmall: true
}, "Info"), /*#__PURE__*/React.createElement(Banner, {
kind: "info",
isCloseable: false,
style: {
marginBottom: 8
},
isSmall: true
}, "Info -- No Close ", String.fromCharCode(0x00d7))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Banner, {
style: {
marginBottom: 8
},
isSmall: true,
isFilled: false
}, "Default -- Outline Only"), /*#__PURE__*/React.createElement(Banner, {
kind: "success",
style: {
marginBottom: 8
},
isSmall: true,
isFilled: false
}, "Success -- Outline Only"), /*#__PURE__*/React.createElement(Banner, {
kind: "warning",
style: {
marginBottom: 8
},
isSmall: true,
isFilled: false
}, "Warning -- Outline Only"), /*#__PURE__*/React.createElement(Banner, {
kind: "danger",
style: {
marginBottom: 8
},
isSmall: true,
isFilled: false
}, "Danger -- Outline Only"), /*#__PURE__*/React.createElement(Banner, {
kind: "info",
style: {
marginBottom: 8
},
isSmall: true,
isFilled: false
}, "Info -- Outline Only")));
}
}); // begin-hide-from-docs
export var notes = "\nUse small banners inside `Panels`. Don't use icons inside small banners.\n"; // end-hide-from-docs