Packages

thesis

0.0.7
0.3.4 0.3.3 0.3.2 0.3.1 0.3.0 0.2.0 0.1.0 0.0.30 0.0.29 0.0.28 0.0.27 0.0.26 0.0.25 0.0.24 0.0.23 0.0.22 0.0.21 0.0.20 0.0.19 0.0.18 0.0.17 0.0.16 0.0.15 0.0.14 0.0.13 0.0.12 0.0.11 0.0.10 0.0.9 0.0.8 0.0.7 0.0.6 0.0.5 0.0.4 0.0.3 0.0.2 0.0.1

Thesis is a lightweight bolt-on content editing system for Phoenix websites.

HexDocs

Current section

Files

Jump to
Readme
37 Versions
5 Dependencies
0 Dependants
Files
Activity
thesis web static components style_button.js
Raw

web/static/components/style_button.js 

import React from 'react'



class StyleButton extends React.Component {

  constructor() {

    super()

    this.onToggle = (e) => {

      e.preventDefault()

      this.props.onToggle(this.props.style)

    }

  }



  render() {

    let className = 'RichEditor-styleButton'

    if (this.props.active) {

      className += ' RichEditor-activeButton'

    }



    return (

      <span className={className} onMouseDown={this.onToggle}>

        {this.props.label}

      </span>

    );

  }

}