apeman-react-jumbotron
v3.0.5
Published
apeman react components for jumbotron
Downloads
61
Maintainers
Readme
apeman-react-jumbotron
apeman react components for jumbotron
Installation
$ npm install apeman-react-jumbotron --save
Demo
Live demo is hosted on GitHub Pages.
Usage
'use strict'
import React from 'react'
import {ApContainer} from 'apeman-react-basic'
import {ApJumbotron, ApJumbotronStyle} from 'apeman-react-jumbotron'
const ExampleComponent = React.createClass({
render () {
return (
<div>
<ApJumbotronStyle/>
<ApJumbotron imgSrc="./images/fuge/hoge.png"
imgFilter="#rgba(0,0,0,0.5)">
<ApContainer>
<ApJumbotronTitle>Hello World!</ApJumbotronTitle>
<ApJumbotronText>
Web development should be more easy, and fun.
Yes, with apeman.
</ApJumbotronText>
</ApContainer>
</ApJumbotron>
</div>
)
}
})
Components
ApJumbotronStyle
Props
| Name | Type | Default | Description | | ---- | ---- | ------- | ----------- |
ApJumbotronText
Props
| Name | Type | Default | Description | | ---- | ---- | ------- | ----------- |
ApJumbotronTitle
Props
| Name | Type | Default | Description | | ---- | ---- | ------- | ----------- |
ApJumbotron
Props
| Name | Type | Default | Description | | ---- | ---- | ------- | ----------- | | imgSrc | string | null | | Source url of image | | imgAlt | string | '' | | Alt text for image | | imgFilter | string | null | | Image overlay color |
License
This software is released under the MIT License.