react-add-to-calendar/docs-site/src/examples/changeTemplate.jsx

import React, { Component } from "react";
import AddToCalendar from "react-add-to-calendar";

export default class ChangeTemplate extends React.Component {
  render() {
    let event = {
      title: "Sample Event",
      description: "This is the sample event provided as an example only",
      location: "Portland, OR",
      startTime: "2016-09-16T20:15:00-04:00",
      endTime: "2016-09-16T21:45:00-04:00"
    };

    let icon = { "calendar-plus-o": "left" };

    return (
      <div className="row">
        <pre className="column example__code">
          <code className="js">
            {"let icon = { 'calendar-plus-o': 'left' };"}<br /><br />
            {"/*"}<br />
            &nbsp;&nbsp;&nbsp;
            {"object property can be any Font Awesome icon"}<br />
            &nbsp;&nbsp;&nbsp;
            {"and value can be 'left' or 'right'"}<br />
            {"*/"}<br /><br />
          </code>
          <code className="jsx">
            {"<AddToCalendar"}<br />
            &nbsp;&nbsp;&nbsp;
            {"event={event}"}<br />
            &nbsp;&nbsp;&nbsp;
            {"buttonTemplate={icon} />"}
          </code>
        </pre>
        <div className="column">
          <AddToCalendar event={event} buttonTemplate={icon} />
        </div>
      </div>
    );
  }
}

ChangeTemplate.displayName = "ChangeTemplate";