sentry/docs-ui/components/textOverflow.stories.js

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

import TextOverflow from 'app/components/textOverflow';

storiesOf('Style|Text', module).add(
  'TextOverflow',
  withInfo(
    'Simple component that adds "text-overflow: ellipsis" and "overflow: hidden", still depends on container styles'
  )(() => (
    <div style={{width: 50}}>
      <TextOverflow>AReallyLongTextString</TextOverflow>
    </div>
  ))
);