@showroomjs/device-frames
Device frames used in react-showroom
.
Supported devices:
- IPhone 8
- IPhone X
- IPad
- IPad Mini
- IPad Pro
- Galaxy Note 8
- Galaxy Note 10
- Macbook Pro
- Macbook Air
Usage
This package requires react
and react-dom
as peer dependencies.
import * as React from 'react';
import * as ReactDOM from 'react-dom';
import { IPad } from '@showroomjs/device-frames';
ReactDOM.render(
<IPad>
<p>Content</p>
</IPad>,
document.querySelector('#app')
);
You also need to load a CSS file.
If using bundler that handle CSS, just import them:
import '@showroomjs/device-frames/dist/index.css';