Why Gemfury? Push, build, and install  RubyGems npm packages Python packages Maven artifacts PHP packages Go Modules Debian packages RPM packages NuGet packages

Repository URL to install this package:

Details    
ui-component-library / stories / atoms / TextEllipsis.story.tsx
Size: Mime:
import React from 'react'
import { storiesOf } from '@storybook/react'
import { styled } from 'view-container'
import TextEllipsis from 'atoms/Text/TextEllipsis'

const content = 'Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo.'

storiesOf('atoms/TextEllipsis', module)
  .add('default', () => <TextEllipsis content={content} />)
  .add('Characters Limit', () => <TextEllipsis content={content} noOfCharacters={20} />)
  .add('String change for more & hide', () => <TextEllipsis content={content} showMoreLabel={'Read More'} showHideLabel={'Read Less'} />)