apeman-react-style
v4.1.7
Published
apeman react package for style component.
Downloads
114
Maintainers
okunishinishiReadme
apeman-react-style
apeman react package for style component.
Installation
$ npm install apeman-react-style --saveUsage
Convert react inline style attribute into style tag.
'use strict'
import React from 'react'
import {ApStyle} from 'apeman-react-style'
const ExampleComponent = React.createClass({
render () {
let style01 = {
'my-component-01 button': {
backgroundColor: '#FFF',
color: '#555'
}
}
let style02 = {
'my-component-02 button': { /* ... */ }
}
return (
<div>
<ApStyle data={ style01 }/>
<ApStyle data={ style02 }/>
</div>
)
}
})
This will results,
<html>
<head>
<style type="text/css">
.my-component-01 button {
background-color: #FFF;
color: #555;
}
.my-component-02 button {
/*...*/
}
</style>
</head>
</html>Props
| Key | Type | Description | | --- | ---- | ------ | | data | string|object | Css string or style data. | | prefix | string | Parent selector for each styles to add. |
Components
ApStyle
Props
| Name | Type | Default | Description | | ---- | ---- | ------- | ----------- | | data | string|objectOf | null | | | | smallMediaData | string|object | null | | | | mediumMediaData | string|object | null | | | | largeMediaData | string|object | null | | | | type | string | 'text/css' | | |
License
This software is released under the MIT License.