A styled-components version of some of the most popular devices out there
import React, { Component } from "react";
import { IphoneX } from "styled-devices";
class App extends Component {
render() {
return (
<div>
<IphoneX
background={["https://bit.ly/2T8fDWo"]}
sizes={[0.9, 0.8, 0.5]}
delay={10000}
landscape
/>
</div>
);
}
}
export default App;
$ npm i styled-devices
- Import it!
- Grab your device!
- Pass the props you need!
To get started...
-
Option 1
- 🍴 Fork this repo!
-
Option 2
- 👯 Clone this repo to your local machine using
https://github.com/vinicius-gr/styled-devices
- 👯 Clone this repo to your local machine using
- Build your device, following the same pattern of code 🔨🔨🔨
- Test it 💡💡💡
- 🔃 Create a new pull request using
https://github.com/vinicius-gr/styled-devices/compare
.