title: Storybook Actions - what exactly are they calling?
body: <p>I am somewhat new to React, and I am trying to do a card swiping mechanism.</p>
  
  <p>I am using this library:</p>
  
  <p><a href="https://www.npmjs.com/package/react-swipe-card" rel="noreferrer">https://www.npmjs.com/package/react-swipe-card</a></p>
  
  <p>I essentially have a demo Component created:</p>
  
  <pre><code>import React, { Component } from 'react'
  import Cards, { Card } from 'react-swipe-card';
  import { action } from '@storybook/addon-actions';
  import addons, { mockChannel } from '@storybook/addons';
  
  addons.setChannel(mockChannel());
  
  const data = ['Alexandre', 'Thomas', 'Lucien']
  
  const Wrapper = () =&gt; {
    return (
        &lt;Cards onEnd={action('end')} className='master-root'&gt;
          {data.map(item =&gt; 
            &lt;Card
            key={item}
            onSwipeRight={action('swipe left')}
            onSwipeLeft={action('swipe left')}
            &gt;
              &lt;h2&gt;{item}&lt;/h2&gt;
            &lt;/Card&gt;
          )}
        &lt;/Cards&gt;
    )
  }
  
  export default Wrapper;
  </code></pre>
  
  <p>However I am not quite familiar with Storybooks - I've been reading up on it and it doesn't quite make sense to me.</p>
  
  <p>For example, after all of the cards have been gone through, I'd like to shuffle them and display them again.</p>
  
  <p>Right now, the only "action" that is executed is "end", whatever that does:</p>
  
  <pre><code>onEnd={action('end')
  </code></pre>
  
  <p>What is this action end calling exactly? How would I repopulate the cards again on end?</p>
  
  <p>Sorry if this is a basic question, I honestly wouldn't have asked it if I hadn't tried to figure out Storybooks for a couple days first.</p>