changes the thumbnail doc in the README

... to be more in-line with the changes that I brought
to the model in v1.0.0
zoom
Yanick Champoux 2019-05-12 12:45:46 -04:00
parent 9b46adeb20
commit 2558831198
2 changed files with 6 additions and 17 deletions

View File

@ -113,31 +113,20 @@ In a Single File Component:
style="width: 300px; height: 500px; border:1px solid black; "
>
<svg> ... </svg>
<svg slot="thumbnail" class="thumbViewClass">
...
</svg>
<svg slot="thumbnail"> ... </svg>
</SvgPanZoom>
</template>
<script>
import SvgPanZoom from 'vue-svg-pan-zoom';
import SvgPanZoom from 'vue-svg-pan-zoom';
export default {
components: { SvgPanZoom },
components: { SvgPanZoom },
};
</script>
<style>
@import 'vue-svg-pan-zoom/dist/vue-svg-pan-zoom.css';
</style>
Note that for the css import to work, you'll have to have
[postcss-import](https://github.com/postcss/postcss-import)
installed as a dep.
Also, just like the main `SvgPanZoom`component, the `thumbnail` slot needs to
Just like the main `SvgPanZoom`component, the `thumbnail` slot needs to
be assigned to a `svg` node -- `embed` won't work.
### Storybook demos

View File

@ -10,12 +10,12 @@
<script>
import { SvgPanZoom, SvgPanZoomThumbnail } from './index';
import { SvgPanZoom } from './index';
import RawTiger from './RawTiger.vue';
export default {
components: { SvgPanZoom, RawTiger, SvgPanZoomThumbnail },
components: { SvgPanZoom, RawTiger },
methods: {
honk(){ console.log( "thumbnail was mounted!" ) }
},