1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
import { storiesOf } from '@storybook/vue';
import { withKnobs, select, } from '@storybook/addon-knobs';

import pcCheckbox from './pcCheckbox.vue';



storiesOf('Components|pcCheckbox', module)
  .addDecorator(withKnobs)
  .add('Default', () => ({
    components: { pcCheckbox },
    template: ` 
        <div>
          <pcCheckbox id="pedro" text="Pedro" v-model="checkedNames" value="pedro" />
          <pcCheckbox id="barros" text="Barros" v-model="checkedNames" value="barros" />
          <pcCheckbox id="silva" text="Silva" v-model="checkedNames" value="silva" />    
        </div> 
    `,
    data () {
      return {
        checkedNames: [],
      }
    }
  }));