react-device-frames

A simple component to show other components inside a device frame (mockup).

Install

npm install --save react-device-frames

Usage

import React, { Component } from 'react'

import DeviceFrame from 'react-device-screen'
import 'react-device-frames/dist/index.css'

class Example extends Component {
  render() {
    return <DeviceFrame device="iphone" width={320} height={640} component={YourComponent} />
  }
}

License

MIT © reonardoleis