google-classroom-share v0.5.6

google-classroom-share

You can add and customize the Classroom share button to meet the needs of your website, such as modifying the button size and load technique. By adding the Classroom share button to your website, you allow your users to share your content to their classes and drive traffic to your site.

Install

yarn add google-classroom-share react-load-script

Demo

https://robertov8.github.io/google-classroom-share

https://developers.google.com/classroom/guides/sharebutton

Usage

import React from 'react';

import GoogleShareToClassRoom from '../index';

function App() {
  return (
    <GoogleShareToClassRoom
      body="Example Body"
      itemType="assignment"
      url="https://developers.google.com/classroom"
      size={50}
      title="Example Title"
      theme="light"
      onShare={(type) => console.log(`GoogleShareToClassRoom:${type}`)}
      onShareComplete={() => console.log('GoogleShareToClassRoom:onShareComplete')}
      onShareStart={() => console.log('GoogleShareToClassRoom:onShareStart')}
    />
  );
}

export default App;

Props