/react-device-simulator

Device simulator for React components

Primary LanguageJavaScript

React Device Simulator

React component that allows visualizing a given component in diferent screen sizes.

Example

Instalation and usage

Simply add the package:

yarn add react-device-simulator

And wrap a component that you want to have tested with different screen sizes:

import React from 'react'
import { render } from 'react-dom'
import DeviceSimulator from 'react-device-simulator'
import MyComponent from './my-component'

render(
  <div>
    <DeviceSimulator>
      <MyComponent />
    </DeviceSimulator>
  </div>,
  document.getElementById('root')
)