textOverflow.stories.js 489 B

1234567891011121314151617181920
  1. import React from 'react';
  2. import {withInfo} from '@storybook/addon-info';
  3. import TextOverflow from 'app/components/textOverflow';
  4. export default {
  5. title: 'Style/Text',
  6. };
  7. export const _TextOverflow = withInfo(
  8. 'Simple component that adds "text-overflow: ellipsis" and "overflow: hidden", still depends on container styles'
  9. )(() => (
  10. <div style={{width: 50}}>
  11. <TextOverflow>AReallyLongTextString</TextOverflow>
  12. </div>
  13. ));
  14. _TextOverflow.story = {
  15. name: 'TextOverflow',
  16. };