optimizely-oui
Version:
Optimizely's Component Library.
31 lines • 1.21 kB
JavaScript
import React from "react";
import { storiesOf } from "@storybook/react";
import { withKnobs, text, number, boolean as _boolean } from "@storybook/addon-knobs";
import ProgressBar from "../ProgressBar";
var stories = storiesOf("Status Indicators|ProgressBar", module);
stories.addDecorator(withKnobs).addDecorator(function (story) {
return React.createElement("div", {
id: "root-preview"
}, story());
});
stories.add("Progress with knobs", function () {
return React.createElement(ProgressBar, {
displayError: _boolean("displayError", false),
max: number("max", 100),
min: number("min", 0),
progress: number("progress", 60),
topLabel: text("topLabel", "hola esto es un label"),
leftLabel: text("leftLabel", "Allocated traffic"),
rightLabel: text("rightLabel", "Available traffic")
});
}).add("Progress bad news", function () {
return React.createElement(ProgressBar, {
max: number("max", 100),
min: number("min", 0),
displayError: true,
progress: number("progress", 60),
topLabel: text("topLabel", "hola esto es un label"),
leftLabel: text("leftLabel", "Allocated traffic"),
rightLabel: text("rightLabel", "Available traffic")
});
});