How to use storybook-chrome-screenshot - 5 common examples

import withReadme from 'storybook-readme/with-readme'
import { Box, Provider } from '../../'
import { Mermaid } from './'
import Readme from './README.md'

const source = `
graph TD;
    A-->B;
    A-->C;
    B-->D;
    C-->D;
`

storiesOf('Extra/Mermaid', module)
  .addDecorator(withReadme(Readme))
  .addDecorator(withScreenshot())
  .add('Standard', () => {
    return (
      
        
          
        
      
    )
  })

},
  {
    is_online: true,
    last_connectivity_event: 1503662108854,
    status: 'idle'
  },
  {
    download_progress: 5,
    is_online: true,
    last_seen_time: 1503662108854,
    status: 'Downloading'
  }
]

storiesOf('Deprecated/DeviceStatusGauge', module)
  .addDecorator(withScreenshot())
  .add('Standard', () => {
    return (
      
        
      
    )
  })

import * as React from 'react'
import { storiesOf } from '@storybook/react'
import { withScreenshot } from 'storybook-chrome-screenshot'
import withReadme from 'storybook-readme/with-readme'
import { Banner, Heading, Provider, Txt } from '../../'
import bgImage from '../../stories/assets/bg.png'
import Readme from './README.md'

storiesOf('Core/Banner', module)
  .addDecorator(withReadme(Readme))
  .addDecorator(withScreenshot())
  .add('BackgoundImage', () => {
    return (
      
        
          balena
          
            Balena brings the benefits of Linux containers to the IoT. Develop
            iteratively, deploy safely, and manage at scale.
          
        
      
    )
  })

import * as React from 'react'
import { storiesOf } from '@storybook/react'
import { action } from '@storybook/addon-actions'
import { withScreenshot } from 'storybook-chrome-screenshot'
import { Box, DeleteButton, Provider } from '../../'

storiesOf('Deprecated/DeleteButton', module)
  .addDecorator(withScreenshot())
  .add('Standard', () => {
    return (
      
        
          
        
      
    )
  })

import * as React from 'react'
import { storiesOf } from '@storybook/react'
import { withScreenshot } from 'storybook-chrome-screenshot'
import withReadme from 'storybook-readme/with-readme'
import { Box, Flex, Link, Provider, TextWithCopy } from '../../'
import Readme from './README.md'

storiesOf('Next/TextWithCopy', module)
  .addDecorator(withReadme(Readme))
  .addDecorator(withScreenshot())
  .add('Standard', () => {
    return (
      
        
          
            <i>hover</i> &amp; <b>click</b> the icon
          
        
      
    )
  })
  .add('Wrapping text', () =&gt; {
    return (