apeman-react-style

    4.1.7 • Public • Published

    apeman-react-style

    Build Status Code Climate Code Coverage npm Version JS Standard

    apeman react package for style component.

    Installation

    $ npm install apeman-react-style --save

    Usage

    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.

    Links

    Install

    npm i apeman-react-style

    DownloadsWeekly Downloads

    135

    Version

    4.1.7

    License

    MIT

    Last publish

    Collaborators

    • avatar