apeman-react-showcase

apeman react package for showcase components.

Installation

$ npm install apeman-react-showcase --save

Demo

Live demo is hosted on GitHub Pages.

Usage

'use strict'

import React from 'react'
import {
  ApMobileShowcaseStyle,
  ApDesktopShowcaseStyle,
  ApMobileShowcase,
  ApDesktopShowcase
} from 'apeman-react-showcase'

const ExampleComponent = React.createClass({
  render () {
    return (
      <div>
        <ApMobileShowcaseStyle />
        <ApDesktopShowcaseStyle />
        <ApMobileShowcase src="../mocks/mock-html.html"/>
        <ApDesktopShowcase src="../mocks/mock-html.html"/>
      </div>
    )
  }
})

Components

ApDesktopShowcaseStyle

Props

| Name | Type | Default | Description | | ---- | ---- | ------- | ----------- | | type | string | 'text/css' | | | | style | object | {} | | | | backgroundColor | string | '#DDD' | | | | width | number | 816 | | | | height | number | 480 | | |

ApDesktopShowcase

Props

| Name | Type | Default | Description | | ---- | ---- | ------- | ----------- |

ApMobileShowcaseStyle

Props

| Name | Type | Default | Description | | ---- | ---- | ------- | ----------- | | type | string | 'text/css' | | | | style | object | {} | | |

ApMobileShowcase

Props

| Name | Type | Default | Description | | ---- | ---- | ------- | ----------- |

ApShowcaseStyle

Props

| Name | Type | Default | Description | | ---- | ---- | ------- | ----------- | | type | string | 'text/css' | | | | style | object | {} | | | | width | number | 320 | | | | height | number | 524 | | |

ApShowcase

Props

| Name | Type | Default | Description | | ---- | ---- | ------- | ----------- | | src | string | | | |

License

This software is released under the MIT License.

Links

• apeman
• apeman-react-labo
• React
• Demo of apeman-react-showcase