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
Markdown
# 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'),
);
```