optimizely-oui
Version:
Optimizely's Component Library.
30 lines • 1.23 kB
JavaScript
import React from "react";
import { storiesOf } from "@storybook/react";
import { withKnobs, text, select, boolean as _boolean } from "@storybook/addon-knobs";
import Checkbox from "../Checkbox";
var stories = storiesOf("Forms|Checkbox", module);
stories.addDecorator(withKnobs).addDecorator(function (story) {
return React.createElement("div", {
id: "root-preview"
}, story());
});
stories.add("With string label", function () {
return React.createElement(Checkbox, {
defaultChecked: true,
label: text("label", "checkbox component"),
isDisabled: _boolean("isDisabled", false)
});
}).add("With html label", function () {
return React.createElement(Checkbox, {
defaultChecked: true,
label: React.createElement("div", null, React.createElement("strong", null, "Label"), React.createElement("br", null), React.createElement("span", null, "Description text")),
isDisabled: _boolean("isDisabled", false)
});
}).add("With labelWeight", function () {
return React.createElement(Checkbox, {
defaultChecked: true,
label: text("label", "checkbox component"),
labelWeight: select("labelWeight", ["light", "normal", "bold"], "bold"),
isDisabled: _boolean("isDisabled", false)
});
});