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.
36 lines • 980 B
JavaScript
import React from "react";
import { storiesOf } from "@storybook/react";
import { Spinner } from "./";
import { Block } from "../block";
storiesOf("Feedback Indicators/Spinner", module).addWithJSX("Basic", function () {
return React.createElement(Spinner, null);
}).addWithJSX("Multiple", function () {
return React.createElement(Block, {
as: "div",
extend: {
display: "flex"
}
}, React.createElement(Spinner, {
size: 30,
color: "red"
}), React.createElement(Spinner, null), React.createElement(Spinner, {
size: 50,
color: "green"
}), React.createElement(Spinner, {
size: 60,
color: "blue"
}));
}).addWithJSX("Thickness", function () {
return React.createElement(Block, {
as: "div",
extend: {
display: "flex"
}
}, React.createElement(Spinner, {
width: 1
}), React.createElement(Spinner, {
width: 2
}), React.createElement(Spinner, null), React.createElement(Spinner, {
width: 4
}));
});