vcc-ui/es/components/click/stories.js

VCC UI is a collection of React UI Components that can be used for developing front-end applications at Volvo Car Corporation.

import React from 'react';
import { storiesOf } from '@storybook/react';
import { boolean } from '@storybook/addon-knobs';
import { Click } from './';
storiesOf('Core/Click', module).addWithJSX('Default', function () {
  return React.createElement(Click, {
    disabled: boolean('disabled', false),
    onClick: function onClick() {
      alert('Hello!');
    }
  }, "This is a clickable unstyled button");
}).addWithJSX('With Extend', function () {
  return React.createElement(Click, {
    disabled: boolean('disabled', false),
    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");
});