UNPKG

react-google-calendar-events-list

Version:

Reusable ReactJS component for rendering a list of events from a google calendar.

28 lines (21 loc) 744 B
# React Google Calendar Events List ## Setting it up w/ your calendar Pass the prop `apiKey` to your [Google API Key](https://console.developers.google.com/project), then set the prop `calendarId` to your desired calendar's ID (find this from calendar.google.com -> my calendars -> settings -> the calendar you want to map -> Calendar Address -> Calendar ID). ## Example https://codesandbox.io/s/xrwl1mk31z ```jsx import React from 'react'; import { render } from 'react-dom'; import Calendar from 'react-google-calendar-events-list'; render( <Calendar calendarID="en.orthodox_christianity%23holiday%40group.v.calendar.google.com" apiKey="AIzaSyAunY2R4utMXaWe1uAxIRdcRsbUlI8yhL8" />, document.getElementById('root'), ); ```