josephj / react-icalendar-link Public

Notifications You must be signed in to change notification settings
Fork 14
Star 40

Ability to create a react link which allows user to download the ics file

40 stars 14 forks Branches Tags Activity

Notifications

Name		Name	Last commit message	Last commit date
Latest commit History 6 Commits
.vscode		.vscode
example		example
src		src
.editorconfig		.editorconfig
.gitignore		.gitignore
.node-version		.node-version
.travis.yml		.travis.yml
README.md		README.md
package-lock.json		package-lock.json
package.json		package.json
rollup.config.js		rollup.config.js
tsconfig.json		tsconfig.json
tsconfig.test.json		tsconfig.test.json

Repository files navigation

react-icalendar-link

Ability to create link for downloading ics file

Install

npm install --save react-icalendar-link

Usage

import React from "react";
import ICalendarLink from "react-icalendar-link";

class App extends React.Component {
  render() {
    const event = {
      title: "My Title",
      description: "My Description",
      startTime: "2018-10-07T10:30:00+10:00",
      endTime: "2018-10-07T12:00:00+10:00",
      location: "10 Carlotta St, Artarmon NSW 2064, Australia";
    }
    return (
      <ICalendarLink event={event}>
        Add to Calendar
      </ICalendarLink>;
    );
  }
}