Skip to content

Commit

Permalink
add vue decorator
Browse files Browse the repository at this point in the history
missing import

force single top level component passthrough

add to vue inclusion to readme
  • Loading branch information
bmartel committed Jun 2, 2018
1 parent 0f07e61 commit f13e484
Show file tree
Hide file tree
Showing 5 changed files with 2,233 additions and 1,647 deletions.
19 changes: 19 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -23,6 +23,8 @@ import 'storybook-addon-figma/register'

Link a Figma design to your story

## With React

```jsx
import React from 'react'
import { storiesOf } from '@storybook/react'
Expand All @@ -38,6 +40,23 @@ storiesOf('Button')
))
```

## With Vue

```jsx
import Vue from 'vue'
import { storiesOf } from '@storybook/vue'
import { WithFigma } from 'storybook-addon-figma/vue'

storiesOf('Button')
.add('With Figma', () => ({
components: { WithFigma },
template: `
<with-figma url="https://www.figma.com/file/LbcvMJxDtshDmYtdyfJfkA72/Button-Primary">
<button>My Button</button>
</with-figma>
`
}))
```


## Embed a different design on each story
Expand Down
Loading

0 comments on commit f13e484

Please sign in to comment.