3.0.3 • Published 9 years ago
apeman-react-showcase v3.0.3
apeman-react-showcase
apeman react package for showcase components.
Installation
$ npm install apeman-react-showcase --saveDemo
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.
