xchain-components/src/stories/XLabelStory.js

Xchain Components

/* @flow */
/* eslint react/jsx-filename-extension: 0 */

import React from 'react';
import { storiesOf } from '@storybook/react';
import { action } from '@storybook/addon-actions';
import { withInfo } from '@storybook/addon-info';
import XLabel from 'components/XLabel';

export default storiesOf('XLabel', module)
  .addDecorator(withInfo)
  .add('Comment person Title', () => (
    <XLabel
      circular
      text="RJ"
      backgroundColor="rgba(189, 16, 224, 0.1)"
      borderColor="#bd10e0"
      textColor="#bd10e0"
      height="40px"
      width="40px"
      fontSize="16px"
      letterSpacing="2px"
    />
  ))
  .add('normal ', () => (
    <XLabel text="hello" />
  ));