react-devices
React Devices
Last updated 4 years ago by pavkout .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install react-devices 
SYNC missed versions from official npm registry.

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

Current Tags

  • 0.0.2                                ...           latest (4 years ago)

2 Versions

  • 0.0.2                                ...           4 years ago
  • 1.0.0                                ...           4 years ago
Maintainers (2)
Downloads
Today 0
This Week 0
This Month 1
Last Day 0
Last Week 1
Last Month 2
Dependencies (2)
Dev Dependencies (17)
Dependents (0)
None

Copyright 2014 - 2017 © taobao.org |