vcc-ui
Version:
VCC UI is a collection of React UI Components that can be used for developing front-end applications at Volvo Car Corporation.
51 lines • 1.46 kB
JavaScript
import React from "react";
import { storiesOf } from "@storybook/react";
import { withBackgrounds } from "@storybook/addon-backgrounds";
import { object } from "@storybook/addon-knobs";
import { Arrow, Block } from "../../index";
import { render } from "../../../stories/render";
import { ThemeProvider } from "../../theme-provider";
var listOfLightBackgrounds = [{
name: "white",
value: "#fff",
default: true
}, {
name: "gray",
value: "#ccc"
}];
storiesOf("Arrow", module).addDecorator(withBackgrounds(listOfLightBackgrounds)).addDecorator(render).addWithJSX("basic", function () {
return React.createElement(Block, null, React.createElement(Arrow, {
color: "red",
size: "24",
direction: "right"
}), React.createElement(Arrow, {
color: "green",
size: "24",
direction: "left"
}), React.createElement(Arrow, {
color: "blue",
size: "24",
direction: "up"
}), React.createElement(Arrow, {
color: "black",
size: "24",
direction: "down"
}));
}).addWithJSX("with theme", function () {
var label = "Custom theme";
var defaultValue = {
nav: {
fill: "pink",
height: "50",
width: "50"
}
};
var defaultThemePropsConfig = object(label, defaultValue);
return React.createElement(ThemeProvider, {
theme: defaultThemePropsConfig
}, React.createElement(Block, null, React.createElement(Arrow, {
color: "green",
size: "26",
direction: "up"
})));
});