vue-device
Display your app in a device sized window. Perfect for sharing with clients.
The window is ignored on mobile and tablet devices, including Chrome/Safari Developer Tools
Demo
https://normally.github.io/vue-device/
Install
yarn add vue-device
Usage
components: device ...
After that, wrap your app in the device tag:
Options
Property | Default | Description |
---|---|---|
type |
iPhone8 |
Can be any of the available devices |
background |
#FFF |
Background color |
landscape |
false |
Display the window in landscape mode |
picker |
false |
Show device picker above frame |
autoscale |
true |
Always fit the device in the browser window and scale the content |
border |
false |
Show a black border around the device |
disabled |
false |
Disable altogether just as a desktop view |
Example:
...
Authors
- Nic Mulvaney - Normally