UNPKG

xchain-components

Version:

Xchain Components

bitbucket.org/xchaintechnologies/frontend_components

27 lines (24 loc) • 872 B
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
/* @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 XText from 'components/XDisplayText'; export default storiesOf('XText', module) .addDecorator(withInfo) .add('only Text', () => ( <XText displayText="Continue" /> )) .add('Text Font 16px', () => ( <XText displayText="Clothing" fontSize="16px" /> )) .add('bold Text Font 16px', () => ( <XText displayText="Clothing" fontWeight="bold" fontSize="16px" /> )) .add('bold Text Font 32px', () => ( <XText displayText="Clothing" fontWeight="bold" fontSize="32px" /> )) .add('bold Text Font 16px color Red', () => ( <XText displayText="Clothing" fontWeight="bold" fontSize="16px" color="red" /> ));