src/pages/element/font-selector.js
function() {
    var fonts = ["Roboto", "Bitter", "Pacifico"];
    var options = fonts.map(name => {
      // setting style on an <option> does not work in WebView...
      return <option key={name} value={name}>{name}</option>;
    });
    return <select className="select" valueLink={this.linkState('fontFamily')}>{ options }</select>;
  }
function() {
    var fonts = ["Roboto", "Bitter", "Pacifico"];
    var options = fonts.map(name => {
      // setting style on an <option> does not work in WebView...
      return <option key={name} value={name}>{name}</option>;
    });
    return <select className="select" valueLink={this.linkState('fontFamily')}>{ options }</select>;
  }
function ( ) { var fonts = [ "Roboto" , "Bitter" , "Pacifico" ] ; var options = fonts . map ( name => { // setting style on an <option> does not work in WebView... return < option key = { name } value = { name } > { name } < / option > ; } ) ; return < select className = "select" valueLink = { this . linkState ( 'fontFamily' ) } > { options } < / select > ; }
Generate the dropdown selector for fonts, with each font option
styled in the appropriate font.
@return {[type]}
Generate the dropdown selector for fonts with each font option styled in the appropriate font .