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.
27 lines • 792 B
JavaScript
import React from "react";
import { storiesOf } from "@storybook/react";
import { Click } from "./";
storiesOf("Core/Click", module).addWithJSX("Default", function () {
return React.createElement(Click, {
onClick: function onClick() {
alert("Hello!");
}
}, "This is a clickable unstyled button");
}).addWithJSX("With Extend", function () {
return React.createElement(Click, {
extend: {
display: "inline-block",
padding: "16px 24px",
color: "hotpink",
background: "#f1f1f1",
fontSize: 16,
transition: "all 0.2s ease-in-out 0s",
":hover": {
transform: "rotate(2deg) scale(1.1)",
background: "lightblue",
color: "#fff"
}
},
href: "https://www.volvocars.com/"
}, "Custom Style Button");
});