This is a little package in which you can wrap your projects, proof of concepts and demos and display it in a certain device.
Note: The device is only for display purposes, not an actual device which can emulate a real world device.
npm i react-device-layouts
import { PhoneLayout } from 'react-device-layouts';
const PageLayout: React.FC = () => (
<AppContainer>
<PhoneLayout>
Your content goes here ...
</PhoneLayout>
</AppContainer>
)
export default PageLayout
The only props required are children: React.ReactNode
- iPhone SE
- More devices are planned in future which should include more mobile, tablet and desktop devices
- Colour customisation for the device by passing props