optimizely-oui
Version:
Optimizely's Component Library.
37 lines • 1.3 kB
JavaScript
import React from "react";
import { storiesOf } from "@storybook/react";
import { withKnobs, text, number } from "@storybook/addon-knobs";
import Badge from "./index.js";
var stories = storiesOf("Informational|Badge", module);
stories.addDecorator(withKnobs).addDecorator(function (story) {
return React.createElement("div", {
id: "root-preview"
}, story());
});
stories.add("All badges", function () {
return React.createElement("div", null, React.createElement(Badge, {
color: "default"
}, "Default"), React.createElement(Badge, {
color: "draft"
}, "Draft"), React.createElement(Badge, {
color: "live"
}, "Live"), React.createElement(Badge, {
color: "primary"
}, "Primary"), React.createElement(Badge, {
color: "plain"
}, "Plain"), React.createElement(Badge, {
color: "bad-news"
}, "Bad News"));
}).add("With text", function () {
return React.createElement("div", {
className: "flex flex-align--center"
}, React.createElement(Badge, {
color: "draft"
}, "1"), text("text", "Unpublished Change"));
}).add("With numbers", function () {
return React.createElement("div", null, React.createElement(Badge, {
color: "draft"
}, number("draft number", 9)), React.createElement(Badge, {
color: "live"
}, number("light number", 9)));
});