react-device-mockups
    TypeScript icon, indicating that this package has built-in type declarations

    0.1.11 • Public • Published

    react-device-mockups

    NPM JavaScript Style Guide

    Install

    npm install --save react-device-mockups html5-device-mockups

    Usage

    To control the height of the device, see https://github.com/pixelsign/html5-device-mockups/issues/47.

    import React, { Component } from 'react';
    
    import 'html5-device-mockups/dist/device-mockups.min.css';
    
    import { IPad } from 'react-device-mockups';
    
    export default class App extends Component {
        render () {
            return (
                <IPad width={300} orientation='landscape' color='black' buttonProps={ {
                    onClick: () => alert('Home Button Clicked!')
                } }>
                    <iframe title='showcase' src='https://example.com' style={ {
                        width: '100%',
                        height: '100%',
                        margin: 0
                    } }/>
                </IPad>
            );
        }
    }

    License

    MIT © kajchang

    Keywords

    none

    Install

    npm i react-device-mockups

    DownloadsWeekly Downloads

    169

    Version

    0.1.11

    License

    MIT

    Unpacked Size

    107 kB

    Total Files

    39

    Last publish

    Collaborators

    • kachang