@onthetools/vue-mockbook
TypeScript icon, indicating that this package has built-in type declarations

1.0.5 • Public • Published

Vue 3 MockBook

Vue 3 wrapper for CSS only mockup of a macbook for displaying screenshots on your website.

Getting started

Install via NPM:

npm i @onthetools/vue-mockbook

Import the package and styles to use in your Vue 3 project:

import { VueMockbook } from '@onthetools/vue-mockbook'
import '@onthetools/vue-mockbook/dist/style.css'

Then to use the component pass a required screenshot prop and optional url to display in the address bar

<VueMockbook screen-shot="path-to/screenshot.png" url="optionalurl.com" />

screenshot of the mockup in action

Package Sidebar

Install

npm i @onthetools/vue-mockbook

Weekly Downloads

0

Version

1.0.5

License

ISC

Unpacked Size

10.1 kB

Total Files

7

Last publish

Collaborators

  • onthetools