component-class.md

Component Class Interface

Provides you a Component class that you can extend just like React's Component class, but you can apply CSS styles to freestyler's component.

Usage

Import Component class.

import Component from 'freestyler/lib/react/Component';

Style your coponents with static and instance styles.

class Button extends Component {
    static css = {
        border: '1px solid tomato'
    };

    css() {
        return {
            color: this.props.color
        };
    }

    render () {
        return <button>Hello world</button>;
    }
}