Skip to content

pavkout/react-devices

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

79 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Devices

A curated collection of devices as react components.

Getting Started

npm install react-devices

USAGE

Available Devices

  • iPhone 4s
  • iPhone 5s
  • iPhone 5c
  • iPhone 6
  • Nexus 5
  • lumia920
  • Samsung S5
  • htc-one
  • Macbook
  • iPad Mini
  • Apple Watch

Available Colors

  • Silver
  • Black
  • Gold
  • White
  • Red
  • Yellow
  • Green
  • Blue
  • Silver
  • Yellow Gold (Only for apple watch)
  • Rose Gold (Only for apple watch)
  • Space Black (Only for apple watch)
  • Stainless Steel (Only for apple watch)
  • Space Gray (Only for apple watch)

Available Orientation

  • landscape
  • portrait

Available Sizes (Only for apple watch)

  • 38mm
  • 42mm

Some examples

import React, {PropTypes, Component} from 'react';
import { IPhone, Android, IPad, MacBook, AppleWatch } from 'react-devices';

export default class App extends Component {
  constructor(props) {
    super(props);
  }

  render() {
    return (
      <div>
      <IPhone
        model="iphone6"
        color="silver"
        landscape
      />
      <Android
        model="s5"
        color="white"
      />
      <IPad
        model="ipad"
        color="silver"
        landscape
      />
      <MacBook model="macbook" />
      <AppleWatch color="rose-gold" small/>
      </div>
    );
  }
};

Issues

Please Open issue, describe bug, suggest solution

Contribution

Feel free to contribute fixes on any device or add your own to the list by creating a pull request.

To build for development

npm install
npm run build

Releases

No releases published

Packages

No packages published