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 • 799 B

JavaScript

View Raw

import React from 'react';
import { storiesOf } from '@storybook/react';
import { Icon } from './';
import { Flex } from '../flex';
import { Block } from '../block';
import { Theme } from '../../';
storiesOf('Images & Icons/Icon', module).addWithJSX('all icons', function () {
  return React.createElement(Theme, null, function (theme) {
    return React.createElement(Flex, {
      extend: {
        flexDirection: 'row'
      }
    }, theme.icons.map(function (type) {
      return React.createElement(Block, {
        key: type,
        extend: {
          textAlign: 'center',
          padding: 10
        }
      }, React.createElement(Icon, {
        type: type,
        size: "l",
        color: theme.color.brand.primary
      }), React.createElement(Block, null, type));
    }));
  });
});