fela-react-helpers

0.0.8 • Public • Published

fela-react-helpers · npm

API

withStyle

import React from 'react';
import PropTypes from 'prop-types';
import {withStyle} from 'fela-react-helpers';
 
const rule = props => ({
  color: props.color,
  backgroundColor: '#f00',
});
 
@withStyle(rule)
/**
 * `react-styleguidist` will like these
 */
class Button extends React.Component {
  static propTypes = {
    /** prop types just work */
    color: PropTypes.string,
  };
 
  static defaultProps = {
    /** and default props too */
    color: 'red',
  };
 
  render() {
    const {className, children} = this.props;
    return <button className={className}>{children}</button>;
  }
}

renderToPrettyString

Formats CSS from fela renderer with js-beautify.

import {renderToPrettyString} from 'fela-react-helpers/testTools';
 
const renderer = createRenderer();
 
// ...
// Usually you will render a React component here
// ...
 
const styles = renderToPrettyString(renderer, {indent_size: 4});

Readme

Keywords

Package Sidebar

Install

npm i fela-react-helpers

Weekly Downloads

1

Version

0.0.8

License

MIT

Unpacked Size

8.04 kB

Total Files

13

Last publish

Collaborators

  • vlad-zhukov